css初始化代码，各个大厂适用的css文件

代码上有详细注释，不太清楚的伙伴可以留言哦

* {    

/* 将所有标签内外边距清零 */  

    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;

}