这种初始化方法是京东在用的,简化了css代码,非常实用。
css代码:
*{
/* 清楚内外边距 */
margin:0;padding:0
}
em,i{
/* 将em,i里面的字体样式改为正常 */
font-style:normal
}
li{
/* 去掉小原点 */
list-style:none
}
img{
/* 照顾低版本浏览器 */
border:0;
/* 去掉照片的缝隙 */
vertical-align:middle;
}
button{
/* 当鼠标移到button是将鼠标转为小手 */
cursor:pointer;
}
a{
color:#666;
/* 去掉下划线 */
text-decoration:none;
}
a:hover{
color:#c81623;
}
button,input{
/* 将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{
/* 清除浮动 */
visibility:hidden;
clear:both;
display:block;
content:".";
height:0
}
.clearfix{
*zoom:1
}