操作方法
简单的给html和body分别设置背景色。会有以下三种情况并且所有平台表现一致,单独设置body为绿色,如下
单独设置html为红色,如下
同时设置body为绿色,html为红色,如下;,可见,浏览器对html和body有点儿特殊对待
可是,当我们写一个div的时候,表现依旧很不好,看看吧
添加代码;
所有的浏览器表现一致,分析可得以下观点: 1、body有margin;必须是要清除的。 2、body有点div的样子 3、如果html没有background-color,单单body的background-color会突破margin; 4、body没有padding;
结论: html{ magin:0; padding:0; }这个其实不是用来清除的;理解上讲,没用,?? body{ magin:0;padding:0; }这种,就是清除浏览器有可能默认设置边距; 正确的清除默认脏值的写法:body{magin:0;}
但是,浏览器的兼容没必要研究,没必要冒险,而且从代码通用和健壮,规范的写法一定是这样的,清除所有元素的脏边距。