css的初始化
说明为什么要进行css初始化呢?以下是京东初始化的代码完
说明
本教程适用于所有html标签的csscss的初始化
为什么要进行css初始化呢?
不同的浏览器对html标签的默认方式不同,为了兼容性我们要对css进行初始化。
以下是京东初始化的代码
/* 内外边距初始化 */
* {
margin:0;
padding:0
}
/* 取消em,i的倾斜 */
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{
/* css3抗锯齿形,让文字显示的更加清楚 */
-webkit-font-smoothing:antialiased;
background-color:#fff;
/* "\5B8B\4F53"是宋体的意思 */
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
}
完