代码上有详细注释,不太清楚的伙伴可以留言哦
* {
/* 将所有标签内外边距清零 */
margin: 0;
padding: 0;
box-sizing: border-box;
/* css3样式,内边距及边框不会撑大有大小的盒子 */
}
em, i {
/* em和i是斜体文字标签,也是行内元素,让他们文字不倾斜 */
font-style: normal;
}
li {
/* 去除li项目符号 */
list-style: none;
}
img {
/* 照顾低版本浏览器,若图片包含了链接会有边框问题 */
border: 0;
/* 图片与文字居中对齐 */
vertical-align: middle;
}
button {
/* css3样式,cursor是鼠标在对应对象上光标形状,pointer是小手形状 */
cursor: pointer;
}
a {
color: #666;
text-decoration: none;
/* 去除链接下划线 */
}
a:hover {
color: #c81623;
}
button, input {
font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
}
body {
/* 抗锯齿性,使得文字放大后可以看得更清晰 */
-webkit-font-smoothing: antialiased;
background-color: #fff;
font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
/* "\5B8B\4F53"宋体的Unicode编码,使浏览器解释css代码出现乱码 */
color: #666;
}
.hide, .none {
display: none;
/* 不显示该元素,可以看情况修改该代码 */
}
.clearfix:after {
visibility: hidden;
clear: both;
display: block;
content: ".";
height: 0;
}
/* 上下两部分是清除浮动 */
.clearfix {
*zoom: 1;
}