导航菜单
  • 首页
  • 首页>前端万博manbext备用网址>CSS万博manbext备用网址

    从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