在不同的浏览器之间,默认样式有着诸多差异和问题,而为了在不同的浏览器之间具备相同的视觉效果,在开发的时候通常会引入下面这段代码:
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
textarea,
input,
select,
ul,
ol,
li,
fieldset,
figure {
margin: 0;
padding: 0;
border: none;
}
ul,
li {
list-style: none;
}
body,
textarea,
input,
select {
font-size: 14px;
color: #222222;
font-weight: normal;
font-family: "Helvetica Neue", Helvetica, STHeiTi, 'Microsoft Yahei', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
outline: none;
}
a {
text-decoration: none;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
img {
border: none;
}
div {
-webkit-highlight: none;
-webkit-tap-highlight-color: transparent;
/*-webkit-user-select:none;*/
}
a {
-webkit-highlight: none;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
text-decoration: none;
color: #000;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clear {
overflow: hidden;
zoom: 1;
}
.folat-l {
float: left;
}
.float-r {
float: right;
}
.font18 {
font-size: 1.125rem;
color: #333;
}
.font14 {
font-size: .15rem;
color: #999;
}
.display-hn {
display: inline-block;
}
.back-fff {
background: #fff;
}
只是为了存储一下,方便以后的使用