/* 把我们所有标签内外边距清零 */
* {
margin: 0;
padding: 0
}
/* 把斜体里的文字不倾斜 */
em,
i {
font-style: normal
}
/* 去掉li的小圆点 */
li {
list-style: none
}
img {
/* 照顾低版本浏览器 如果图片外边包含了链接会有边框问题 */
border: 0;
/* 取消图片底测有空白缝隙的问题 */
vertical-align: middle
}
button {
/* 鼠标经过按钮时,鼠标变成小手 */
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 {
/* css3 文字放大不要有明显的锯齿形,抗锯齿形 */
-webkit-font-smoothing: antialiased;
background-color: #fff;
/* "\5B8B\4F53":宋体的意思, */
font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
color: #666
}
/* 把元素隐藏起来 */
.hide,
.none {
display: none
}
/* 清除浮动 */
.clearfix:after {
visibility: hidden;
clear: both;
display: block;
content: ".";
height: 0
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
/* 把我们所有标签内外边距清零 */
* {
margin: 0;
padding: 0
}
/* 把斜体里的文字不倾斜 */
em,
i {
font-style: normal
}
/* 去掉li的小圆点 */
li {
list-style: none
}
img {
/* 照顾低版本浏览器 如果图片外边包含了链接会有边框问题 */
border: 0;
/* 取消图片底测有空白缝隙的问题 */
vertical-align: middle
}
button {
/* 鼠标经过按钮时,鼠标变成小手 */
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 {
/* css3 文字放大不要有明显的锯齿形,抗锯齿形 */
-webkit-font-smoothing: antialiased;
background-color: #fff;
/* "\5B8B\4F53":宋体的意思, */
font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
color: #666
}
/* 把元素隐藏起来 */
.hide,
.none {
display: none
}
/* 清除浮动 */
.clearfix:after {
visibility: hidden;
clear: both;
display: block;
content: ".";
height: 0
}
</style>
</head>
<body>
</body>
</html>