为什么要用？

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

作用

• 保护有用的浏览器样式而不是去掉他们。
• 为大部分 HTML 元素提供一般化的样式
• 修复浏览器自身的 bug 并保证各浏览器的一致性。
• 优化 css 可用性
• 用注释和详细的文档来解释代码
• Normalize 支持包括手机浏览器在内的超多浏览器，同时对 HTML5 元素、排版、列表、嵌入的内容、表单和表哥都进行了一般化。尽管这个项目基于一般化的原则，但我们还是在合适的地方使用了更实用的默认值。

引用方法

安装命令

npm i normalize.css -S

使用方法

在 vue-cli 中 main.js 引入

import 'normalize.css/normalize.css';

常见问题

1、如果引入报错，可能没有安装 css-loader 和 style-loader

npm i css-loader style-loader -D