body的背景问题

背景色问题

一般情况下，我们css控制的最高结点就是body，例如设置：body{background:#069;}则浏览器界面就是完全的#069的背景色。这里看上去是body标签下的背景色起作用了，我到不这么认为，这里不是body的background起作用，而是body作为一个根结点起作用了，html标签未被激活，body担当类似于根结点的结点，其background背景色被浏览器俘获，浏览器界面背景色为background的背景色，以上是我的推论，这种推论不是我凭空想象出来的，而是有一定的根据的。看下面的一段css代码：

body{background:#069; margin:100px; border:30px solid #093;}

意思很简明：外边距100像素，边框30像素，背景色#069，按照对一般标签的理解，100像素的外边距应该不含有背景色的，然而显示的结果是（Firefox下表现与此类似）：

但是一旦设置了html节点的background背景色之后，body的背景色将失效。例如下面的简短代码：

html{background:#999;}
body{background:#069; margin:100px; border:30px solid #093;}

跟上面的相比，就是添加了html的背景色，结果（截自IE6，Firefox浏览器下表现一致）：

结果发现body标签的满屏的背景色不见了，“失效”了。其实，在我看来，不是“失效”，是生效了。

因此，当html标签无背景样式时，body的背景色其实不是body标签的背景色，而是浏览器的。
一旦html标签含有背景色，则body的背景色变成了正常的body标签自己的背景色，而此时的html标签最顶级，背景色被浏览器获取，成为浏览器的背景色。