Normalize.css官网
Normalize.css官网网址: http://necolas.github.io/normalize.css/
normalize.css是什么?一种现代的HTML5替代CSS重置方法。Normalize.css使浏览器更一致地渲染所有元素,并符合现代标准。它只针对需要规范化的样式。Normalize.css是重置浏览器元素样式表,Normalize.css 只是一个很小的CSS文件,但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset,Normalize.css是一种现代的、为HTML5准备的优质替代方案。
一、normalize.css的作用
1、保留有用的默认值,不同于许多 CSS 的重置
2、标准化的样式,适用范围广的元素。
3、纠正错误和常见的浏览器的不一致性。
4、一些细微的改进,提高了易用性。
5、使用详细的注释来解释代码。
二、normalize.css样式库特点:
1、保护有用的浏览器样式而不是去掉他们。
2、一般化的样式:为大部分HTML元素提供。
3、修复浏览器自身的bug并保证各浏览器的一致性。
4、优化css可用性:用一些小技巧。
5、有详细的文档:更容易测试和使用
6、模块化: 它已被拆分为多个相关又独立的部分
7、注意:Normalize支持包括手机浏览器在内的超多浏览器,同时对HTML5元素、排版、列表、嵌入的内容、表单和表哥都进行了一般化。尽管这个项目基于一般化的原则,但我们还是在合适的地方使用了更实用的默认值。
三、normalize.css用法:
首先,安装或从Github下载Normalize.css,接下来有两种主要途径去使用它。
策略1:将normalize.css作为你自己项目的基础CSS,自定义样式值以满足设计师的需求。
策略2:引入normalize.css源码并在此基础上构建,在必要的时候用你自己写的CSS覆盖默认。