CSS（6）初始化

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

也就是我们自己重新写的一些基础的样式，好让文档在不同的浏览器上，差异不会太多。

下面是我自己写的一些CSS样式，也比较常用。

之后我觉得有需要的我还会补充。

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

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

        /*照顾低版本浏览器，如果图片外面包含了链接会有边框
        取消图片底侧有空白缝隙
        */
        img {
            border: 0;
            vertical-align: middle;
        }

        /*a链接取消下划线，
        设置文字颜色
        鼠标移动上去有小手*/
        a {
            text-decoration: none;
            color: black;
        }
        a:hover {
            cursor: pointer;
        }

        /*给自己的body设置背景颜色
        文字大小行间距字体，多个字体考虑版本兼容问题*/
        body {
            background-color: #fff;
            font: 14px/1.5 Microsoft YaHei, Heiti SC;
        }

        /*输入框取消点击时蓝色的边款*/
        input {
            outline: none;
        }

        /*文本域取消点击时的小蓝框
        默认可以拉伸大小，修改使不能拉伸大小*/
        textarea {
            outline: none;
            resize: none;
        }

        /*清除浮动，采用父级添加:after伪元素的方式*/
        .clearfix:after {
            visibility: hidden;
            clear: both;
            display: block;
            content: "";
            height: 0;
        }
        .clearfix {
            *zoom: 1;
        }

        /*可以把整个项目中公共的部分提取出来放在这里，避免书写大量重复代码*/