css初始化

css初始化

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

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

以京东css初始化代码为例

        /* 把所有标签的内外边距清零 */
        * {
            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 {
            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;
            color: #666
        }
        
        .hide,
        .none {
            display: none
        }
        
        /* 清除浮动 */
        .clearfix:after {
            visibility: hidden;
            clear: both;
            display: block;
            content: ".";
            height: 0
        }
        
        .clearfix {
            *zoom: 1
        }

Unicode编码字体：
把中文字体的名称用相应的Unicode编码来代替，这样就可以有效的避免浏览器解释CSS代码时出现乱码的问题。
比如：
黑体\9ED1\4F53
宋体\5B8B\4F53
微软雅黑\5FAE\8F6F\96C5\9ED1