html和body都设了属性，这两者有什么区别_随笔

在 CSS 中， <html> 和 <body> 的区别往往被忽略，全局样式或者定义在 <html> 上，或者定义在 <body> 上。实际上，两者是有区别的，不论是 CSS 老鸟还是新手，都应该了解。

HTML 和 Body 如何关联

<!DOCTYPE html>

<head>

</head>

<body>

<body>

</html>

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

因此， <html> 和 <body> 是父子关系。

因为百分比是个相对值，子元素的百分比值是根据父元素的值来计算的，在隶属关系上，body也是html的子元素，如果html不设置高度值，只设置body为100%，那这样的设置就没意义了（0的100%仍然是0啊），这样的话body的子元素也就没法按照百分比来设置高度了。

而用像素设置body高度的话，它就是个绝对值，设置多少则body的高度就是多少，不需要看html的脸色，所以这种情况下就不需要设置html的高度了。

欢迎分享，转载请注明来源：内存溢出

html和body都设了属性，这两者有什么区别