“html”和“body”的CSS属性

时间:2011-10-18 19:53:21

标签: css

我现在已经看过很多次了。当人们想要将CSS属性分配给整个窗口/文档时,他们有时会这样做

html, body {
   myCSSProperty: someValue;
}

例如,请参阅我接受的答案here,或查看this article

我想知道是否为htmlbody分配CSS属性是为了克服所有浏览器所需的浏览器错误,纯粹的心理因素,常见的误解或对标签的误解{{1 }和html,或其他。

如果有人可以为我揭开情境的神秘面纱,将CSS属性需要分配到bodyhtml或两者的情况分开,我会很高兴,并提供具体的示例和解释。

1 个答案:

答案 0 :(得分:1)

This article在CSS方面提供了有关<html><body>标记的详细信息。缺点是(摘自文章的顶部):

  • htmlbody元素是父/子关系中不同的块级实体。
  • html元素的高度和宽度由浏览器窗口控制。
  • html元素(默认情况下)overflow:auto,导致滚动条在需要时显示。
  • body元素(默认情况下)为position:static,这意味着它的定位子元素相对于html元素的坐标系定位。
  • 在几乎所有现代浏览器中,页面边缘的内置偏移量都通过margin元素上的body应用, {{1} } padding元素。