CSS 初始化

不同浏览器对有些标签的默认值是不同的，为了兼顾不同浏览器对HTML文本呈现的差异，照顾不同版本浏览器，我们需要对CSS进行初识化。例如:

        /* 标签内外边距清0 */
        * {
            margin: 0;
            padding: 0;
        }

        /* 斜体文字不倾斜 */
        em,
        i {
            font-style: normal;
        }

        /* 去掉li的小圆点 */
        li {
            list-style: none;
        }

        img {
            /* 照顾低版本浏览器 */
            border: 0;
            /* 解决图片底侧有空白缝隙的问题,图片与文字居中对齐*/
            vertical-align: middle;
        }

        /* 鼠标经过按钮变成小手 */
        button {
            cursor: pointer;
        }

        a {
            /* 取消链接下划线 */
            text-decoration: none;
            color: slategrey;
        }

        a:hover {
            color: tomato;
        }

        body {
            /* 文字放大抗锯齿 */
            -webkit-font-smoothing: antialiased;
            background-color: #fff;
            font: 14px/15 Microsoft YaHei;
            color: slategrey;
        }
        /* 清除浮动 */
        .clearfix:after {
            content: "";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

        .clearfix {
            /*IE6、7专有*/
            *zoom: 1;
        }