css normalize.css

normalize.css 是一个保证跨浏览器对html渲染一致性的css文件。它针对html5，可作为传统css reset的替代。

 

normalize.css 取得广泛应用： twitter bootstrap， html5 boilerplate， Rdio， css tricks 等很多框架。网站都使用到它。

 

概述

    normalize.css是一个css reset方案，它的核心理念是：

1. 保留有用的默认浏览器样式，而不是擦除
2. 针对广泛的html元素样式进行规格化
3. 修复bug和常见的浏览器样式上的不一致
4. 通过适当调节提高可用性
5. 充分使用注释和文档解释代码

    normalize.css支持众多浏览器（包括手机浏览器）并且包含规格化html5元素、字体、列表、内嵌内容、表单以及表格的代码。项目以规格化为目的的同时保留了实用的默认样式。

 

Normalize vs Reset

    normalize和传统css reset方案在一下方面存在差异：

1. Normalize.css保留有用的默认样式：reset覆盖了大多数元素的默认样式。与此不同的是normalize.css保留了有用的默认样式。这就意味着你不用为它们重新声明样式。当一个元素在不同浏览器有不同样式时，normalize.css使用样式使其尽量与标准一致。
2. Normalize.css修复常见bug：它修复常见桌面浏览器和手机浏览器bug，这些都超出了reset的内容。这些包含了html5元素的display设置，修正文本font-size，IE9下svg的overflow，以及很多与表单相关的跨浏览器、操作系统bug。
3. Normalize.css不会让你的调试工具混乱：使用reset会导致大量继承链出现在css调试工具中。这一现象在normalize.css中就不会出现。
4. Normalize.css是模块化的：项目划分为相对独立的分区，确保轻松了解哪些样式针对哪些元素。这样一来当你不需要某些功能的时候可以轻松删除对应代码。
5. Normalize.css有详细的文档：normalize.css基于详细的跨浏览器研究和测试。

 

 

 

 http://nicolasgallagher.com/about-normalize-css/