今天有朋友在QQ群里问,css里的html{}作用。这个标签是挺不常用的,在师傅的提点下,才知道,它和body一样,是定义标签的。因为一般网页代码都是这么写的:

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>

既然可以定义<body>的css为body{}(这个一般还非定不可),也就可以定义<html>的css为html{}。不若自己写了几个简单的css,在各浏览器下看:

html{background:red}
body{margin:10px;background:#000}

ie下是一点红色都不出现啊。想尽办法调整这两个标签的css,也不能在ie下漏出一点红色(这里应以的html的背景色),在其它浏览器下倒是多少漏点,如:

html{background:red;padding:10px;max-height:100%;float:left;width:100%;text-align:center}
body{background:#000;padding:0;color:#fff;width:960px;margin:0 auto;text-align:left}

不知道是不是我的能力问题,呵呵。最后使用div来定义总算让其红了点;不过这样看,似乎ie对html{}标签只认背景色,而其它均不认。姑且下这么个结果,等待新的答案。

html{background:red;padding:10px;max-height:100%;float:left;width:100%;text-align:center}
body{}
div{background:#fff;width:960px}