我知道 CSS Reset 是什么,但最近我听说了这个新东西,叫做 Normalize.css
两者有什么区别规范化.css https://necolas.github.io/normalize.css/ and 重置CSS http://meyerweb.com/eric/tools/css/reset/?
规范化 CSS 和重置 CSS 有什么区别?
这只是 CSS Reset 的一个新流行词吗?
我从事 Normalize.css 工作。
主要区别是:
Normalize.css 保留有用的默认值,而不是“取消样式化”所有内容。例如,像这样的元素sup
or sub
包含normalize.css后“正常工作”(并且实际上变得更加健壮),而包含reset.css后它们在视觉上与普通文本没有区别。因此,normalize.css 不会给您强加视觉起点(同质性)。这可能不符合每个人的口味。最好的办法是尝试两者,看看哪种适合您的喜好。
Normalize.css 纠正了一些超出 Reset.css 范围的常见错误。它的范围比 reset.css 更广泛,并且还提供了常见问题的错误修复,例如:HTML5 元素的显示设置、缺少font
通过表单元素继承,修正font-size
渲染为pre
,IE9 中的 SVG 溢出,以及button
iOS 中的样式错误。
Normalize.css 不会扰乱您的开发工具。使用reset.css时,一个常见的问题是浏览器CSS调试工具中显示的大型继承链。由于有针对性的样式,这对于 normalize.css 来说不是一个问题。
Normalize.css 更加模块化。该项目被分解为相对独立的部分,如果您知道您的网站永远不需要这些部分(例如表单规范化),那么您可以轻松地删除它们。
Normalize.css 有更好的文档。Normalize.css 代码内联且更全面地记录在GitHub 维基 https://github.com/necolas/normalize.css/wiki。这意味着您可以找出每行代码的作用、为什么包含它、浏览器之间的差异是什么,并且更轻松地运行您自己的测试。该项目旨在帮助人们了解浏览器默认如何渲染元素,并使他们更容易参与提交改进。
我在一篇文章中对此进行了更详细的描述关于规范化.css http://nicolasgallagher.com/about-normalize-css/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)