Normalize.css 样式作用,及使用方法
转载:地址
Normalize.css 是?
Normalize.css 是一个可以定制的CSS文件,它让不同的浏览器在渲染网页元素的时候形式更统一。
Normalize.css 能干什么?
-
保留有用的默认值,不同于许多 CSS 的重置
-
标准化的样式,适用范围广的元素。
-
纠正错误和常见的浏览器的不一致性。
-
一些细微的改进,提高了易用性。
-
使用详细的注释来解释代码。
支持的浏览器:
-
Google Chrome (latest)
-
Mozilla Firefox (latest)
-
Mozilla Firefox ESR
-
Opera (latest)
-
Apple Safari 6+
-
Internet Explorer 8+
Normalize.css到底有什么用
- 不同的浏览器在对于CSS没有定义的一些样式属性是不一样的,
- 比如没有在自己的CSS里面规定超链接有没有下划线的时候,有些浏览器有,有些浏览器没有;
- 再比如有一些浏览器规定的超链接默认颜色是蓝色,有一些又是黑色。
- 而这个CSS的功能就是对几乎所有的默认样式进行重置,让所有的浏览器上对于未定义的样式浏览效果达到一致
- (虽然说无法完全一致,但至少可以消除掉大部分差距)
- 当然如果你自己的CSS已经对默认样式进行了重置,不使用它也是可以的。
那我同时link两个css的话,会不会有冲突?
我使用Normalize.css是为了像你所说的对几乎所有的默认样式进行重置,让所有的浏览器上对于未定义的样式浏览效果达到一致,那我再link我自己的style.css是不是也可以在他的基础上达到我的效果?
答:把Normalize.css里面的所有内容放在自己的style.css的最上面,那样如果有冲突的话,写在后面的CSS设置默认是会覆盖掉写在前面的