vue如何全局清除默认样式

为什么要清除CSS的默认样式？

　　1、首先每个浏览器对html标签都有自己的默认样式，用来保证在没有自定义样式的情况下也能被有据可循的渲染，然而各厂商都有自己的风格，需求也不同，需要自己的样式不被默认样式影响，就要清除加设置默认样式。

　　2、因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。

如何清除默认样式？

　　1、在public文件夹创建reset.css，导入重置样式表，样式表可以根据具体需求进行修改。

?

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 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73

/* 清除内外边距 */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td {     margin: 0;     padding: 0; }   /* 设置默认字体 */ body, button, input, select, textarea { /* for ie */     /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/     font: 12px/1.3 "Microsoft YaHei",Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */     color: #333; }   h1 { font-size: 18px; /* 18px / 12px = 1.5 */ } h2 { font-size: 16px; } h3 { font-size: 14px; } h4, h5, h6 { font-size: 100%; }   address, cite, dfn, em, var, i{ font-style: normal; } /* 将斜体扶正 */ b, strong{ font-weight: normal; } /* 将粗体扶细 */ code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */ small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */   /* 重置列表元素 */ ul, ol { list-style: none; }   /* 重置文本格式元素 */ a { text-decoration: none; color: #666;}   /* 重置表单元素 */ legend { color: #000; } /* for ie6 */ fieldset, img { border: none; } button, input, select, textarea {     font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */ }   /* 重置表格元素 */ table {     border-collapse: collapse;     border-spacing: 0; }   /* 重置 hr */ hr {     border: none;     height: 1px; } .clearFix::after{     content:"";     display: block;     clear:both; } /* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */ html { overflow-y: scroll; }   a:link:hover{     color : rgb(79, 76, 212) !important;     text-decoration: underline; }   /* 清除浮动 */ .clearfix::after {     display: block;     height: 0;     content: "";     clear: both;     visibility: hidden; }

　　2、在public的index.html页面引入即可

　　<link rel="stylesheet" href="./reset.css">