VUE项目中的CSS样式重置

前言：

• 新建vue项目后，会发现在不同的浏览器中样式不一样，且部分标签自带一些 margin 或 padding值。为了减少浏览器在默认行高、页边距和标题字体大小等方面的不一致，我们需要重置样式表。
• 项目中的css重置，可以引用一个第三方库，以及手写一个css重置样式配合使用。

1.首先安装normalize.css

npm install --save normalize.css

然后在mian.js中引入

import 'normalize.css'

2.在src/assets目录下新建css文件夹，该文件夹下面新建三个css文件（less或sass都可以）

common 写一些全局变量，全局样式等
reset 写一些项目统一的重置样式，比如 a元素重置，ul, ol, li重置，margin/padding重置等等
index 中导入以上两个文件，然后作为统一导出窗口，然后导入到main.ts 中

然后在mian.js中引入

import './assets/css/index.less'

以上操作就完成了整个项目的css样式重置