normalize.css怎么用-CSS重置的现代替代方案

文章目录

  • normalize.css 怎么用
  • 创造normalize.css有下面这几个目的:
  • 怎么使用 normalize.css
  • CDN
  • Download

normalize.css 怎么用

normalize.css怎么用-CSS重置的现代替代方案_第1张图片

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可用性:用一些小技巧

解释代码:用注释和详细的文档来

与许多CSS重置不同,保留有用的默认值。

规范各种元素的样式。

纠正了错误和常见的浏览器不一致。

通过细微修改提高可用性。

使用详细注释解释代码的作用。

Normalize.css支持包括手机浏览器在内的超多浏览器,同时对Html5元素、排版、列表、嵌入的内容、表单和表格都进行了一般化。尽管这个项目基于一般化的原则,还是在合适的地方使用了更实用的默认值。

怎么使用 normalize.css

首先,安装或从Github下载Normalize.css,接下来有两种主要途径去使用它。

策略一:将normalize.css作为你自己项目的基础CSS,自定义样式值以满足设计师的需求。

策略二:引入normalize.css源码并在此基础上构建,在必要的时候用你自己写的CSS覆

http://necolas.github.io/normalize.css/

normalize.css怎么用-CSS重置的现代替代方案_第2张图片

CDN

See https://yarnpkg.com/en/package/normalize.css

Download

See https://necolas.github.io/normalize.css/latest/normalize.css

你可能感兴趣的:(前端,css,前端,html)