时间:2021-07-01 10:21:17 帮助过:51人阅读
normalize.css的使用方法:首先安装或从Github下载Normalize.css;然后将normalize.css作为项目的基础CSS或者引入normalize.css源码并在此基础上构建即可。
本教程操作环境:windows7系统、Dell G3电脑、normalize.css v3.0.3。
推荐:css视频教程
Normalize.css 只是一个很小的CSS文件,但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset, Normalize.css是一种现代的、为HTML5准备的优质替代方案。Normalize.css现在已经被用于Twitter Bootstrap以及许许多多其他框架、工具和网站上。
Normalize.css是一种CSS reset 的替代方案。经过@necolas和@jon_neal花了几百个小时来努力研究不同浏览器的默认样式的差异,这个项目终于变成了现在这样。
创造normalize.css有下面这几个目的:
保护有用的浏览器默认样式而不是完全去掉它们
一般化的样式:为大部分HTML元素提供
修复浏览器自身的bug并保证各浏览器的一致性
优化CSS可用性:用一些小技巧
解释代码:用注释和详细的文档来
Normalize.css支持包括手机浏览器在内的超多浏览器,同时对Html5元素、排版、列表、嵌入的内容、表单和表格都进行了一般化。尽管这个项目基于一般化的原则,还是在合适的地方使用了更实用的默认值。
怎么使用 normalize.css
首先,安装或从Github下载Normalize.css,接下来有两种主要途径去使用它。
策略一:将normalize.css作为你自己项目的基础CSS,自定义样式值以满足设计师的需求。
策略二:引入normalize.css源码并在此基础上构建,在必要的时候用你自己写的CSS覆盖默认
以上就是normalize.css 怎么用的详细内容,更多请关注gxlcms其它相关文章!