vue css重置样式

vue css重置样式有两种方式。

第一种在App.vue中通过@import引入

<style lang="css">

@import '@/css/reset.css'

</style>

第二种是在index.html中通过link引入。

重置样式如下：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42

a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,html,i,iframe, img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var { margin: 0; padding: 0; outline: none; } ul,li,ol{list-style:none;outline: none;} img,fieldset{border:0; } img{display:block; outline: none;} a{text-decoration:none; outline: none;} h1,h2,h3,h4,h5,h6{font-weight:100;} body{font-size:12px;outline: none;} input,a{outline:none;} em,i,u { font-style: normal } .fl { float: left } .fr { float: right } .al { text-align: left } .ac { text-align: center } .ar { text-align: right } .hide { display: none } .clearfix::after { content:""; display:block; clear:both; width:0; height:0; visibility:hidden; }