Normalize.css有什么用-创新互联

这篇文章主要讲解了“Normalize.css有什么用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Normalize.css有什么用”吧!

创新互联专注为客户提供全方位的互联网综合服务,包含不限于网站设计、成都网站设计、河口网络推广、重庆小程序开发、河口网络营销、河口企业策划、河口品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们大的嘉奖;创新互联为所有大学生创业者提供河口建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com

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有什么用”的内容了,经过本文的学习后,相信大家对Normalize.css有什么用这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联网站建设公司,,小编将为大家推送更多相关知识点的文章,欢迎关注!


名称栏目:Normalize.css有什么用-创新互联
本文URL:http://scyanting.com/article/deghsj.html