normalize.css简介及使用(css样式初始化)
介绍:
官方简介:一种现代的HTML5替代CSS重置方法。Normalize.css使浏览器更一致地渲染所有元素,并符合现代标准。它只针对需要规范化的样式。
Normalize.css 只是一个很小的CSS文件,但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。
相比于传统的CSS reset,Normalize.css是一种现代的、为HTML5准备的优质替代方案。Normalize.css现在已经被用于Twitter Bootstrap、HTML5 Boilerplate、GOV.UK、Rdio、CSS Tricks 以及许许多多其他框架、工具和网站上。
Normalise.css官网:http://necolas.github.io/normalize.css/
Github地址:https://github.com/necolas/normalize.css
特点(与传统Reset相比):
- 保护有用的浏览器默认样式而不是完全去掉它们
- 一般化的样式:为大部分HTML元素提供
- 修复浏览器自身的bug并保证各浏览器的一致性
- 修复了常见的桌面端和移动端浏览器的bug——包含了HTML5元素的显示设置、预格式化文字的font-size问题、在IE9中SVG的溢出、许多出现在各浏览器和操作系统中的与表单相关的bug。
- 优化CSS可用性:用一些小技巧
- 有详细的文档:更容易测试和使用
- 模块化: 它已被拆分为多个相关又独立的部分
使用
安装或从Github下载Normalize.css,接下来有两种主要途径去使用它。
- 策略一:将normalize.cs* s作为你自己项目的基础CSS,自定义样式值以满足设计师的需求。
- 策略二:引入normalize.css源码并在此基础上构建,在必要的时候用你自己写的CSS覆盖默认值。
参考译文链接:https://blog.csdn.net/u013946061/article/details/108302849