normalize.css

浏览器具有一组默认的 CSS 样式,用于渲染元素。例如,甚至可以使用浏览器的设置自定义其中一些样式以更改默认字体外观和大小定义。样式包含哪些元素应该是块级或内联的定义等等。

因为这些默认样式在语言规范中有一定的余地,并且因为浏览器可能无法正确遵循规范,所以它们可能因浏览器而异。

这是 normalize.css 发挥作用的地方。它覆盖了最常见的不一致性并修复了已知的错误。

它有什么作用

  • 与许多 CSS 重置不同,保留有用的默认值。
  • 规范化各种元素的样式。
  • 更正错误和常见的浏览器不一致。
  • 通过微妙的修改提高可用性。
  • 使用详细注释说明代码的作用。

因此,通过在项目中包含 normalize.css,你的设计在不同浏览器中看起来会更加相似和一致。

与 reset.css 的区别

你可能听说过 reset.css。两者有什么区别?

虽然 normalize.css 通过将不同属性设置为统一默认值来提供一致性,但 reset.css 通过删除浏览器可能应用的所有基本样式来实现一致性。虽然这听起来似乎是一个好主意,但这实际上意味着你必须自己编写所有规则,这违背了一个坚实的标准。