小编典典

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

css

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

Normalize.css和ResetCSS有什么区别?

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

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


阅读 1026

收藏
2020-05-16

共1个答案

小编典典

我在normalize.css上工作。

主要区别在于:

  1. Normalize.css保留有用的默认值,而不是“取消样式化”所有内容。 例如,在包含normalize.css之后,诸如supsub“正常工作”的元素(实际上变得更健壮),而在包含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中进行了更全面的记录。这意味着您可以找出每一行代码的作用,包含代码的原因,浏览器之间的区别以及更轻松地运行自己的测试。该项目旨在帮助人们了解浏览器默认情况下如何呈现元素,并使他们更容易参与提交改进。

2020-05-16