CSS normalize.css

2024-04-12 08:42:04 17

示例

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

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

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

它有什么作用

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

规范各种元素的样式。

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

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

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

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

与reset.css的区别

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

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

示例