不同浏览器对有些标签的默认值是不同的,为了统一效果,消除不同浏览器的差异,我们需要对 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;
}
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。