Normalize.css 样式作用，及使用方法

http://www.jscwwd.com/article/5e52895e552a8e2bf45d3d65

Normalize.css 是？

Normalize.css 是一个可以定制的CSS文件，它让不同的浏览器在渲染网页元素的时候形式更统一。

Normalize.css只是一个很小的css文件，但它在磨人的HTML元素样式上提供了跨浏览器的高度一致性。

相比于传统的CSS reset,Normalize.css是一种现代的、为HTML5准备的优质替代方案。总之，Normalize.css是一种CSS reset的替代方案。

 Normalize.css 能干什么？

• 保留有用的默认值，不同于许多 CSS 的重置

• 标准化的样式，适用范围广的元素。

• 纠正错误和常见的浏览器的不一致性。

• 一些细微的改进，提高了易用性。

• 使用详细的注释来解释代码。 

支持的浏览器：

• Google Chrome (latest)

• Mozilla Firefox (latest)

• Mozilla Firefox ESR

• Opera (latest)

• Apple Safari 6+

• Internet Explorer 8+

 

• Normalize.css 项目地址
• Normalize.css 在GitHub上的源码

Normalize.css到底有什么用

• 不同的浏览器在对于CSS没有定义的一些样式属性是不一样的，
• 比如没有在自己的CSS里面规定超链接有没有下划线的时候，有些浏览器有，有些浏览器没有；
• 再比如有一些浏览器规定的超链接默认颜色是蓝色，有一些又是黑色。
• 而这个CSS的功能就是对几乎所有的默认样式进行重置，让所有的浏览器上对于未定义的样式浏览效果达到一致
• （虽然说无法完全一致，但至少可以消除掉大部分差距）
• 当然如果你自己的CSS已经对默认样式进行了重置，不使用它也是可以的。

Normalize.css 是模块化的
这个项目已经被拆分为多个相关却又独立的部分，这使得你能够很容易也很清楚地知道哪些元素被设置了特定的值。因此这能让你自己选择性地移除掉某些永远不会用到的部分（比如表单的一般化）。
可以用import导入；

那我同时link两个css的话，会不会有冲突？

我使用Normalize.css是为了像你所说的对几乎所有的默认样式进行重置，让所有的浏览器上对于未定义的样式浏览效果达到一致，那我再link我自己的style.css是不是也可以在他的基础上达到我的效果？

解释：把Normalize.css里面的所有内容放在自己的style.css的最上面，那样如果有冲突的话，写在后面的CSS设置默认是会覆盖掉写在前面的

 

分类: CSS

标签: tools