根据    标准定义 ，    是文档的根元素，    、    是    唯一的两个子元素。按照    规范 ，    才是和    相对照、需要加以区别的元素。 

因此，    和    是父子关系。在 HTML 文档中，    :root     选择符 对应    元素。 

需要注意的是，    :root 选择符（伪类）的      优先级 大于      html 选择符    ：    (0, 0, 1, 0) vs    (0, 0, 0, 1) 。 

CSS 中有一些古怪的行为 ，将    background-color 应用到    以后，即便    里的元素没有占满视口，背景颜色也会    蔓延到整个视口 。 

给    html 设置    background-color 可以解决这个问题。 

如果    及其子元素的高度需要设置为窗口高度时，    元素上也需要添加： 

早期的    规范中 ，    有以下行内属性： 

这些行内属性对应的 CSS 样式应该应用在    。 

本文列举了一些    和    在 CSS 中的区别，在 JavaScript 中同样存在区别，例如 html 对应    document.documentElement 、    body 对应    document.body 。