不同浏览器对有些标签的默认值是不同的,为了消除不同浏览器对HTML文本呈现的差异,照顾浏览器的兼容,我们需要对CSS初始化
简单理解:CSS初始化是指重设浏览器的样式。(也称为CSS reset )
每个网页都必须首先进行CSS初始化。这里我们以京东css初始化代码为例。
Unicode编码字体∶
把中文字体的名称用相应的Unicode编码来代替,这样就可以有效的避免浏览器解释CSS代码时候出现乱码的问题。
比如︰
黑体 \9ED1\4F53 宋体 \5B8B\4F53
微软雅黑 \5FAE\8F6F\96C5\9ED1
// 将所有标签内外边距清零
* {
margin:0;
padding:0
}
//将斜体变成正常
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
}
//改变字体,"\5B8B\4F53" unicode编码,防乱码
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
}
//ie浏览器
.clearfix {
*zoom:1
}