条款一:*{margin:0; padding:0;},清除有可能的默认脏边距;

如何正确清除浏览器默认脏数据

验证平台:

WebKit : chrome | safari

Presto :opera

Gecko :firefox

Trident :ie9

 一、body脏外边距   

第一个程序足以让我困惑,简单的给htmlbody分别设置背景色。会有以下三种情况并且所有平台表现一致,可见,浏览器对htmlbody有点儿特殊对待,当然尝试用z-index也无法改变结果。无伤大雅,疑惑的跳过这个鬼东西吧。

 


 

 

可是,当我们写一个div的时候,表现依旧很不好,看看吧

 

 

添加代码 


 

 

所有的浏览器表现一致,分析可得以下观点:

1、bodymargin;必须是要清除的。

2、body有点div的样子

3、如果html没有background-color,单单bodybackground-color会突破margin

4、body没有padding

                       

 

结论:

html{ magin:0; padding:0; }这个其实不是用来清除的;理解上讲,没用,??

body{ magin:0;padding:0; }这种,就是清除浏览器有可能默认设置边距;

正确的清除默认脏值的写法:body{magin:0;}

 

但是,浏览器的兼容没必要研究,没必要冒险,而且从代码通用和健壮,规范的写法一定是这样的,清除所有元素的脏边距。

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值