Vue项目开发中的一些知识点

reset.css文件及引入

2019-10-16  本文已影响0人  VinSmokeW

一. 关于reset.css

使用reset.css的原因:各大浏览器默认样式不同,为了避免对结果产生差异性,咱们给它一个统一的css

不使用通配符*的原因:通配符会遍历到每一个标签,对于大型网站而言优化加载速度是很重要的

推荐一个下载reset.css的网站:https://cssreset.com/

二.文档

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,h5 {

margin: 0;

padding: 0;

}

body {

background-color: #FFFFFF;

color: #666666;

font-family: Helvetica, Arial, sans-serif;

font-size: 12px;

text-align: left;

}

select {

font-size: 12px;

}

table {

border-collapse: collapse;

}

fieldset,

img {

border: 0none;

}

fieldset {

margin: 0;

padding: 0;

}

fieldset p {

margin: 0;

padding: 0008px;

}

legend {

display: none;

}

address,

caption,

em,

strong,

th,

i {

font-style: normal;

font-weight: 400;

}

table caption {

margin-left: -1px;

}

hr {

border-bottom: 1pxsolid#FFFFFF;

border-top: 1pxsolid#E4E4E4;

border-width: 1px0;

clear: both;

height: 2px;

margin: 5px0;

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: ””;

}

上一篇 下一篇

猜你喜欢

热点阅读