为什么需要CSS初始化?
不同的浏览器对有些标签的默认值是不同的,为了消除浏览器对HTML文本呈现的差异,考虑到浏览器的兼容性,我们需对
CSS进行初始化,让一些标签在任何浏览器都是使用CSS初始化的值而不是默认值。即重新设置浏览器的样式。
每个网页都必须先进行CSS初始化
注意:所有代码解释都标记在代码中
1.京东
下面这段代码就是京东商城的CSS初始化
/* 最常见,所有标签内外边距设为0*/
* {
margin: 0;
padding: 0;
}
/* 这两个是斜体标签,让字体不倾斜显示*/
em,
i {
font-style: normal;
}
/* 清除li标签前面的圆点或其它显示符*/
li {
list-style: none;
}
/*解决图片下面空白缝隙以及去除边框bug*/
img {
border: 0;
vertical-align: middle;
}
/*所有按钮指针样式为pointer*/
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;/*CSS3新属性,减少字体放大时的巨齿形状*/
background-color: #fff;
font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB,
"\5B8B\4F53", sans-serif;
color: #666;
}
/*给标签添加这两个类名