【vue学习笔记】vue3加入reset.csss

vue3加入reset.csss

vue3部署：【vue学习笔记】 vue3 + vite + route实现框架构建
vue3引入element-ui，实现插件按需引入：【vue学习笔记】vue3引入unplugin-auto-import并接入element-ui

一、引入reset.csss

1. 网上下载reset.css

html {
	overflow-x:auto;
	overflow-y:scroll;
}
body, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, p, blockquote, th, td {
	font-weight:400;
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h4, h5 {
	margin:0;
	padding:0;
}
body {
	background-color:#FFFFFF;
	color:#666666;
	font-family:Helvetica,Arial,sans-serif;
	font-size:12px;
	padding:0 10px;
	text-align:left;
}
select {
	font-size:12px;
}
table {
	border-collapse:collapse;
}
fieldset, img {
	border:0 none;
}
fieldset {
	margin:0;
	padding:0;
}
fieldset p {
	margin:0;
	padding:0 0 0 8px;
}
legend {
	display:none;
}
address, caption, em, strong, th, i {
	font-style:normal;
	font-weight:400;
}
table caption {
	margin-left:-1px;
}
hr {
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #E4E4E4;
	border-width:1px 0;
	clear:both;
	height:2px;
	margin:5px 0;
	overflow:hidden;
}
ol, ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
caption, th {
	text-align:left;
}
q:before, q:after, blockquote:before, blockquote:after {
	content:””;
}

2.在assets中新增css文件夹

3.将reset.css放入css文件夹

4.在App.vue中引入reset.css

<style>
	@import '@/assets/css/reset.css';
</style>