我知道CSS重置是什么,但是最近我听说了这个叫做Normalize.css的新东西。
Normalize.css和ResetCSS有什么区别?
标准化CSS和重置CSS有什么区别?
CSS重置只是一个新的流行词吗?
我在normalize.css上工作。
主要区别在于:
Normalize.css保留有用的默认值,而不是“取消样式化”所有内容。 例如,在包含normalize.css之后,诸如sup或sub“正常工作”的元素(实际上变得更健壮),而在包含reset.css之后,它们在视觉上与普通文本没有区别。因此,normalize.css不会对您施加视觉起点(同质性)。这可能并不符合所有人的口味。最好的办法是对两者进行试验,并查看哪种凝胶符合您的偏好。
sup
sub
Normalize.css纠正了reset.css超出范围的一些常见错误。 它具有比reset.css更大的范围,并且还针对以下常见问题提供了错误修复:HTML5元素的显示设置,缺少font表单元素的继承,更正了font-size呈现pre,IE9中的SVG溢出以及buttoniOS中的样式错误。
font
font-size
pre
button
Normalize.css不会使您的开发工具混乱。 使用reset.css时,常见的问题是浏览器CSS调试工具中显示的较大的继承链。由于有针对性的样式,因此normalize.css并不是这样的问题。
Normalize.css更具模块化。 该项目分为相对独立的部分,如果您知道网站永远不需要这些部分,则可以轻松地删除这些部分(例如表单规范)。
Normalize.css具有更好的文档。 内联记录了normalize.css代码,并在GitHubWiki中进行了更全面的记录。这意味着您可以找出每一行代码的作用,包含代码的原因,浏览器之间的区别以及更轻松地运行自己的测试。该项目旨在帮助人们了解浏览器默认情况下如何呈现元素,并使他们更容易参与提交改进。