断舍离,永远去做你余生最重要的那件事

首页前端开发正文

*{margin:0;padding:0;}的作用以及利弊

朱绪2017-07-012403CSS

1、

*{margin:0;padding:0}的作用是重置(Reset)浏览器默认样式,针对各个浏览器样式的统一有着简单粗暴的效果。*是通配符,用来匹配页面上所有的元素。

像body,ul,li,p,H标题标签,dd,dt等都是有默认的margin和padding值的。加上这句话就能够删除浏览器这些默认值,方便后面的设置。

margin

2、

我们再来谈谈它的利弊。

①利处在于,使用*{margin:0;padding:0;}可以简单方便地一次性重置所有元素的浏览器默认样式,代码少,控制量却大。

②但是用*效率会低很多。因为它重置了所有元素的样式,包括那些不需要重置的元素,比如说table元素,我们没必要去重置table元素的样式,所以还需要再去为table设置默认样式,反而增加了代码量。

而且通配符,需要把所有的标签给遍历一遍,如果你的网站比较大,样式比较多的话,这样写的话就大大增加了网站运行的负载,即增加网站加载的时间。

因此,通常大型网站都有分层次的一套初始化样式,如:body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {padding:0;margin:0;}