CSS 初始化前端css

【CSS 初始化】不同浏览器对有些标签的默认值是不同的，为了统一效果，消除不同浏览器的差异，我们需要对 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; }

CSS 初始化