前端笔记 css（8）css初始化

1.css初始化

        不同浏览器对有些标签的默认值是不同的，为了消除不同浏览器对html文本呈现的差异，照顾浏览器的兼容，我们需要对css初始化

        简单理解：css初始化就是指重设浏览器的样式。（也成css reset）

/* 把我们所有标签的内外边距清零 */* {    margin: 0;    padding: 0}/* em 和 i 斜体的文字不倾斜 */em,i {    font-style: normal}/* 去掉li 的小圆点 */li {    list-style: none}img {    /* border 0 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 */    border: 0;    /* 取消图片底侧有空白缝隙的问题 */    vertical-align: middle}button {    /* 当我们鼠标经过button 按钮的时候，鼠标变成小手 */    cursor: pointer}a {    color: #666;    text-decoration: none}a:hover {    color: #c81623}button,input {    /* "B8BF53" 就是宋体的意思 这样浏览器兼容性比较好 */    font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "B8BF53", sans-serif}body {    /* CSS3 抗锯齿形 让文字显示的更加清晰 */    -webkit-font-smoothing: antialiased;    background-color: #fff;    font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "B8BF53", sans-serif;    color: #666}.hide,.none {    display: none}/* 清除浮动 */.clearfix:after {    visibility: hidden;    clear: both;    display: block;    content: ".";    height: 0}/* 会报错.clearfix {    *zoom: 1} */

每个网页必须首先进行css初始化

        unicode编码字体：

        把中文字体的名称用相应的Unicode编码来替代，这样就可以有效的避免浏览器解释Css代码的时候出现乱码的问题。