当前位置:Gxlcms > 前端框架 > normalize.css 怎么用

normalize.css 怎么用

时间: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其它相关文章!

人气教程排行