现在的位置: 首页 > web前端 > 正文

Normalize.css的概述

2020年01月02日 web前端 ⁄ 共 959字 ⁄ 字号 评论关闭

  Normalize.css只是一个很小的css文件,但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的cssreset,Normalize.css是一种现代的,为HTML5准备的优质替代方案。Normalize.css现在已经被用于TwitterBootstrap,HTML5Boilerplate,GOV.UK,Rdio,CSSTricks以及许许多多其他的框架,工具和网站上。

  Normalize.css是一种CSSreset的替代方案。经过@necolas和@jonneal花了几百个小时来努力研究不同浏览器的默认样式的差异,这个项目终于变成了现在这样。

我们创造normalize.css有下几个目的:

  保护有用的浏览器默认样式而不是完全去掉它们一般化的样式:为大部分HTML元素提供修复浏览器自身的bug并保证各浏览器的一致性优化CSS可用性:用一些小技巧解释代码:用注释和详细的文档来

  Normalize.css支持包括手机浏览器在内的超多浏览器,同时对HTML元素,排版,列表,嵌入的内容,表单和表格都进行了一般化。尽管这个项目进行了一般化的原则,但我们还是在合适的地方使用了更实用的默认值。

NormalizevsReset

  知道Normalize.css和传统的区别是非常有价值的。

  1.Normalize.css保护了有价值的默认值

  Reset通过为几乎所有的元素施加默认样式,强行使得元素有相同的视觉效果。相比之下,Normalize.css保持了许多默认的浏览器样式。这就意味着你不用再为所有的公共排版元素重新设置样式。当一个元素在不同的浏览器中有不同的默认值时,Normalize.css会力求让这些样式保持一致并可能与现代标准相符合。

  2.Normalize.css修复了浏览器的bug

  它修复了常见的桌面段和移动端浏览器的bug。这往往超出了Reset所能做到的范畴。关于这一点,Normalize.css修复的问题包含了HTML5元素的显示设置,与格式化文字的font-size问题,在IE9中SVG的溢出,许多出现在各浏览器和操作系统中的与表单相关的bug。

  结束语:以上就是关于Normalize.css的概述的全部内容,更多内容请关注学步园。

抱歉!评论已关闭.