不同浏览器对有些标签的默认值是不同的,为了对立成果,打消不同浏览器的差别,咱们须要对 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; }