Normalize.css和Reset CSS有什么区别？

Question

我知道CSS重置是什么，但是最近我听说了这个叫做Normalize.css的新东西。

Normalize.css和ResetCSS有什么区别？

标准化CSS和重置CSS有什么区别？

CSS重置只是一个新的流行词吗？

Answer 1

我在normalize.css上工作。

主要区别在于：

1. Normalize.css保留有用的默认值，而不是“取消样式化”所有内容。 例如，在包含normalize.css之后，诸如sup或sub“正常工作”的元素（实际上变得更健壮），而在包含reset.css之后，它们在视觉上与普通文本没有区别。因此，normalize.css不会对您施加视觉起点（同质性）。这可能并不符合所有人的口味。最好的办法是对两者进行试验，并查看哪种凝胶符合您的偏好。

2. Normalize.css纠正了reset.css超出范围的一些常见错误。 它具有比reset.css更大的范围，并且还针对以下常见问题提供了错误修复：HTML5元素的显示设置，缺少font表单元素的继承，更正了font-size呈现pre，IE9中的SVG溢出以及buttoniOS中的样式错误。

3. Normalize.css不会使您的开发工具混乱。 使用reset.css时，常见的问题是浏览器CSS调试工具中显示的较大的继承链。由于有针对性的样式，因此normalize.css并不是这样的问题。

4. Normalize.css更具模块化。 该项目分为相对独立的部分，如果您知道网站永远不需要这些部分，则可以轻松地删除这些部分（例如表单规范）。

5. Normalize.css具有更好的文档。 内联记录了normalize.css代码，并在GitHubWiki中进行了更全面的记录。这意味着您可以找出每一行代码的作用，包含代码的原因，浏览器之间的区别以及更轻松地运行自己的测试。该项目旨在帮助人们了解浏览器默认情况下如何呈现元素，并使他们更容易参与提交改进。