使用* {margin:0; padding:0}有什么好处?

时间:2013-06-07 22:08:46

标签: css

我见过这样的CSS定义:

* {margin:0;padding:0};

使用它有什么好处,使用它可以避免什么样的问题?

1 个答案:

答案 0 :(得分:6)

那只是一个非常basic css-reset。有一些更好(但更复杂)的解决方案可以为所有浏览器规范化css,例如,其中最着名和最常用的是the eric meyer reset

  

CSS重置(或“重置CSS”)是一组简短的,经常压缩(缩小)的CSS规则,可将所有HTML元素的样式重置为一致的基线。

     

如果您不知道,每个浏览器都有自己的默认“用户代理”样式表,它用于使无样式的网站看起来更清晰。例如,大多数浏览器默认情况下使链接为蓝色,访问链接为紫色,为表提供一定量的边框和填充,将可变字体大小应用于H1,H2,H3等,并对几乎所有内容应用一定量的填充。有没有想过为什么每个浏览器中的提交按钮看起来都不同?

     

显然,这给CSS作者带来了一定的麻烦,他们无法弄清楚如何让他们的网站在每个浏览器中看起来都一样。 (注意:文章很快就会说明为什么这是一个错误的概念!)

     

使用CSS重置,CSS作者可以强制每个浏览器将其所有样式重置为null,从而尽可能避免跨浏览器的差异。