VUE项目中的CSS重置
项目中的css重置,可以引用一个第三方库,以及手写一个css重置样式配合使用。
一、首先安装normalize.css
npm install --save normalize.css
然后在 main.ts中引入
import 'normalize.css'
二、在src/assets目录下新建css文件夹,该文件夹下面新建三个css文件(less或sass都可以)
common 写一些全局变量,全局样式等
reset 写一些项目统一的重置样式,比如 a元素重置,ul, ol, li重置,margin/padding重置等等
index 中导入以上两个文件,然后作为统一导出窗口,然后导入到main.ts 中
在main.ts中就导入index
import './assets/css/index.less'
以上操作就完成了整个项目的css样式重置