/* 所有内外边距清零 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
/* css3 抗锯齿性(文字放大后会有锯齿性),让文字显示的更清晰 */
-webkit-font-smoothing: antialiased;
background-color: #fff;
/* 文字:大小为12px/行高是文字的1.5倍 字体('\5B8B\4F53') 就是宋体的意思,因为汉字可能会显示成乱码,所以用 unicode ) */
font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, '\5B8B\4F53', sans-serif;
color: #333;
}
/* em, i 标签会默认让字体切斜,设置成正常显示 */
em,
i {
font-style: normal;
}
/* 去除 a 标签的默认样式 */
a {
text-decoration: none;
color: #333;
}
/* 去除 li 标签的默认样式 */
li {
list-style: none;
}
img {
/* 兼容低版本浏览器,如果图片外边包含了链接会有边框的问题 */
border: 0;
/* 取消图片底部会有空隙的问题 */
vertical-align: middle;
}
/* 按钮时的鼠标移上去形状 */
input[type=submit],
input[type=reset],
input[type=button],
button {
cursor: pointer;
}
/* 去除默认表单元素的轮廓线(默认的太丑了) */
input,
select,
textarea {
outline: none;
overflow: hidden;
border: 0;
}
/* 去除多行文本框默认可拉伸 */
textarea {
resize: none;
}
/* 清除浮动 */
.clearfix::after {
content: '\200B';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
/* 清除浮动(兼容IE) */
.clearfix {
*zoom: 1;
}
css - 初始化样式
于 2022-09-02 09:43:37 首次发布