CSS reset初始化&源码实例

CSSReset的目的

为什么给页面设定样式的时候要进行CSS初始化？主要是市场上的浏览器差异性导致的，不同浏览器对一些标签的默认样式不同，导致同一页面用不同浏览器打开看到的效果有差异，为了消除这种影响，需要清除浏览器默认样式，因此每个网页都需要CSS初始化。
比较好的CSS Reset代码可以去优秀网站查看源码获得，这里主要为了备份。

CSS初始化源码模板

/*清除所有标签的默认内外边距*/
/*盒子的大小默认按照设定的width和height，不是width+padding+border*/
* {
            margin: 0;
            padding: 0;
            box-sizing: bordre-box;
        }
/*清除em,i的倾斜效果*/
        em,
        i {
            font-style: normal
        }
/*清除li的默认小圆点*/
        li {
            list-style: none
        }

        img {
            border: 0;/*低版本浏览器的外面有链接会有边框的问题*/
            vertical-align: middle/*取消图片低侧有空白缝隙的问题*/
        }

        button {
        /*统一改成小手*/
            cursor: pointer
        }

        a {
        /*统一链接颜色，清除链接下划线*/
            color: #666;
            text-decoration: none
        }

        a:hover {
            color: #c81623
        }

        button,
        input {
        /*字体中的汉字用Unicode编码防止不能识别*/
            font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif
        }

        body {
            -webkit-font-smoothing: antialiased;/*css3新特性，抗锯齿性*/
            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
        }