CSS normalize.css

示例

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

由于语言规范给这些默认样式留有余地,并且由于浏览器可能未正确遵循规范,因此它们在浏览器之间可能会有所不同。

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

它有什么作用

  • 与许多CSS重置不同,保留有用的默认值。

  • 规范各种元素的样式。

  • 更正错误和常见的浏览器不一致问题。

  • 通过细微的修改来提高可用性。

  • 使用详细注释说明代码的作用。

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

与reset.css的区别

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

虽然normalize.css通过不同的属性设置为统一的默认值提供了一致性,reset.css通过实现一致性除去所有基本样式,一个浏览器可能适用。虽然一开始听起来似乎是个好主意,但这实际上意味着您必须自己编写所有规则,这与制定一个可靠的标准背道而驰。