关于“CSS初始化样式” 那点事儿。

* {

margin: 0;

padding: 0;

box-sizing: border-box;

}

em,

i {

font-style: normal

}

li {

list-style: none

}

img {

border: 0;

vertical-align: middle

}

button {

cursor: pointer

}

a {

color: #666;

text-decoration: none

}

a:hover {

color: #c81623

}

button,

input {

font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif

}

body {

-webkit-font-smoothing: antialiased;

background-color: #fff;

font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;

color: #666

}

.hide,

.none {

display: none

}

这个是关于使用伪类清除浮动的集中方法之一 

.clearfix:after,

.clearfix::before {

visibility: hidden;

clear: both;

display: block;

content: "";

height: 0

}

这个是关于使用伪类清除浮动的集中方法之二 

.clearfix:after,

.clearfix::before {

content: "";

display: table;

}

这个是关于使用伪类清除浮动的集中方法之三 

.clearfix:after {

clear: both;

}

.clearfix {

*zoom: 1

}