但是 :root { background: ... } 与 body { background: ... } 通常没有区别，
这是因为 CSS 规范规定，在没有单独设置 html 元素上的 background 时，
直接应用 body 上的 background 属性的计算值。
div 在html的标签里表示块。HTML 页面有很多嵌套的元素组成。整个页面的结构类似一棵树。有一些元素是“兄弟”，就像从树干上长出的两个树枝；有一些元素是另外元素的“孩子”，就像小树枝从大树枝上长出来（这实际上暗示另外这些元素是这个元素的“父亲”，而且还有父亲的父亲，我们不妨称之为“祖先”）。没有孩子的元素就是“叶子”节点。最外面的元素，也就是所有元素的祖先，成为“根元素”。HTML页面的根元素通常是<html>。
1,要body全屏，设置html,body
{height:100%}
2,你看到的body的外边距，是div的margin，具体百度：外边距重叠
or
外边距压缩
