Normalize.css的使用及下载

Normalize.css是一个很小的CSS文件,它默认的HTML元素样式上提供了跨浏览器的高度一致性,相比传统的CSS reset,Normalize.css是一种现代的、为HTML5准备的优质替代方案

Normalize.css官网地址:https://necolas.github.io/normalize.css/

下载
npm install normalize.css
使用上面命令进行下载

引入
在main.js入口文件里进行引入

import 'normalize.css'
执行以上操作,我们就可以使用Normalize.css了

Normalize.css 是什么?
Normalize.css 是一个可以定制的CSS文件,它让不同的浏览器在渲染网页元素的时候形式更统一。

Normalize.css 能干什么?
保留有用的默认值,不同于许多 CSS 的重置

标准化的样式,适用范围广的元素。

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

一些细微的改进,提高了易用性。

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

Normalize.css到底有什么用
不同的浏览器在对于CSS没有定义的一些样式属性是不一样的,
比如没有在自己的CSS里面规定超链接有没有下划线的时候,有些浏览器有,有些浏览器没有;
再比如有一些浏览器规定的超链接默认颜色是蓝色,有一些又是黑色。
而这个CSS的功能就是对几乎所有的默认样式进行重置,让所有的浏览器上对于未定义的样式浏览效果达到一致(虽然说无法完全一致,但至少可以消除掉大部分差距)
当然如果你自己的CSS已经对默认样式进行了重置,不使用它也是可以的。
————————————————
版权声明:本文为CSDN博主「是张鱼小丸子鸭」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_60976312/article/details/122124575

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 具体参考https://www.csdn.net/tags/NtzaYgzsMTcwOTMtYmxvZwO0O0O...
    MAYDAY77阅读 521评论 0 1
  • 常用 注意区分大小写 带空格的字体记得加引号 使用背景图的时候最好指定背景色,这样至少能保证背景图加载出现问题时文...
    涛涛抄书阅读 448评论 0 0
  • 总结起来就两段话: Reset —— 重置浏览器默认属性 Sprites —— 由多个小图片组成的图像。目的是为了...
    lio_zero阅读 333评论 0 3
  • Normalize.css是一种CSS reset的替代方案。它在默认的HTML元素样式上提供了跨浏览器的高度一致...
    会飞的贼er阅读 47,122评论 2 16
  • 简介 CSS (cascading style sheet)层叠样式表 CSS书写方式 内嵌式:在head标签中书...
    Zindex阅读 609评论 0 2