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样式重置

posted @ 2022-12-22 11:53  清和时光  阅读(854)  评论(0编辑  收藏  举报