我知道CSS重置是什么,但最近我听说了一个叫做规范化的新东西.css
Normalize.css和Reset CSS之间有什么区别?
规范化CSS和重置CSS之间有什么区别?
这只是CSS重置的一个新的流行语吗?
我知道CSS重置是什么,但最近我听说了一个叫做规范化的新东西.css
Normalize.css和Reset CSS之间有什么区别?
规范化CSS和重置CSS之间有什么区别?
这只是CSS重置的一个新的流行语吗?
我从事正常化工作.css.
主要区别在于:
例如,像sup
或sub
这样的元素在包含Normize.css之后"就能正常工作"(并且实际上会变得更健壮),而在包含set.css之后,它们在视觉上无法与普通文本区分开来.因此,Normize.css不会强加给您一个视觉起点(同质性).这可能不是每个人都喜欢的.最好的办法就是两种都试一试,看看哪一种适合你的喜好.
Normalize.css corrects some common bugs that are out of scope for reset.css.它的范围比重置更广.css,还为常见问题提供了错误修复,例如:HTML5元素的显示设置、表单元素缺少font
继承、pre
的font-size
渲染、IE9中的SVG溢出,以及iOS中的button
样式错误.
Normalize.css doesn't clutter your dev tools.使用set.css时的一个常见问题是浏览器CSS调试工具中显示的大型继承链.因为有针对性的样式,所以这不是Normize.css的问题.
Normalize.css is more modular.该项目被分成相对独立的部分,如果您知道您的网站永远不会需要这些部分,那么您可以很容易地删除这些部分(如表单规范化).
Normalize.css has better documentation.规范.css代码以内联方式记录,并且更全面地记录在GitHub Wiki中.这意味着您可以找出每一行代码都在做什么,为什么要包含它,浏览器之间有什么不同,并且可以更轻松地运行您自己的测试.该项目旨在帮助人们了解浏览器如何在默认情况下呈现元素,并使他们更容易参与提交改进.
关于这一点,我在一篇about normalize.css号文章中已经写得更详细了.