css - 使用 *{margin:0;padding:0} 有什么好处？

Question

我见过这样的 CSS 定义：

* {margin:0;padding:0};

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

Answer 1

那只是一个非常基本的 css-reset。有一些更好（但更复杂）的解决方案可以为所有浏览器标准化 css，例如，最知名和使用的一种是eric meyer reset。

CSS 重置（或“重置 CSS”）是一组简短的、通常压缩（缩小）的 CSS 规则集，可将所有 HTML 元素的样式重置为一致的基线。

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

显然，这给 CSS 作者带来了一定程度的头痛，他们无法弄清楚如何使他们的网站在每个浏览器中看起来都一样。（注意：即将发布关于为什么这是一个错误概念的文章！）

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