不同浏览器对有些标签的默认值是不同的,为了对立成果,打消不同浏览器的差别,咱们须要对 CSS 初始化,也就是重设浏览器的款式。
/* 把所有标签的内外边距清零 */
* {
margin: 0;
padding: 0;
}
/* em 和 i 斜体文字不歪斜 */
em,
i {font-style: normal;}
/* 去掉 li 后面的小圆点 */
li {list-style: none;}
/* border: 0 是为了关照低版本的浏览器,如果图片里面蕴含了链接会有边框 */
/* vertical-align 勾销图片底侧有空白缝隙问题 */
img {
border: 0;
vertical-align: middle;
}
/* 鼠标在 button 上方时,鼠标变为小手形态 */
button {cursor: pointer;}
/* 勾销链接的下划线 */
a {text-decoration: none;}
/* 革除浮动 */
.clearfix:after {
visibility: hidden;
clear: both;
display: block;
content: "";
height: 0;
}
.clearfix {*zoom: 1;}
/* CSS3 抗锯齿形,让文字显示的更加清晰 */
body {-webkit-font-smoothing: antialiased;}