首页>前端教程>CSS教程

从CSS Reset到Normalize.css

几年前为了重置样式,或者说为了让元素的浏览器默认样式不影响到页面的效果,我一般使用CSS Reset直接全部重置,当然,我是反对通配符*{margin:0;padding:0}这种写法的,但是CSS Reset全部归零了所有样式,后面有些样式又要自己贱兮兮的重新写回来,感觉也是做了无用功。

直到发现了Normalize.css文档,认真研读了一下,感觉这是一份充满人情味的文档, 不再是一竿子打翻所有元素的个性特色,而是让大家在各种浏览器下保持了高度的一致性,也保留了自己的特色,各归其位,各尽其职。

normalize.jpg

Normalize.css的目的:

  • 保护有用的浏览器默认样式而不是完全去掉它们

  • 一般化的样式:为大部分HTML元素提供

  • 修复浏览器自身的bug并保证各浏览器的一致性

  • 优化CSS可用性:用一些小技巧

  • 解释代码:用注释和详细的文档来

在百度的过程中,发现了一篇写的非常详尽的文章,可以很好的了解CSS Reset和Normalize.css的前世今生。

关于CSS Reset 那些事(一)之 历史演变与Normalize.css

该系列有四篇文章,可以说值得一看!

还有一篇翻译自normalize.css的官方文档:来,让我们谈一谈 Normalize.css

normalize.css的github项目下载地址:

http://necolas.github.io/normalize.css/


点赞


0
保存到:

相关文章

发表评论:

◎请发表你卖萌撒娇或一针见血的评论,严禁小广告。

Top