我们知道，任何浏览器都会设置user agent stylesheet，通常大家

在做开发的时候，常常因为浏览器的样式不统一而产生一定的麻烦，浏览器的默认样式往往不能满足我们的预期，因此我们就需要重置浏览器样式

下面则是本人开发中搜集的一些初始化样式，以及一些常用样式整理。。。

不推荐改做法，因为会极大的增加浏览器的压力
    *{
        margin:0;
        padding:0
    }

//推荐做法
    /*禁止字体自动放大*/
    body{
        -webkit-text-size-adjust: 100% !important;
        text-size-adjust: 100% !important;
        -moz-text-size-adjust: 100% !important;
    }


    body,dl,dd,p,h1~h6{margin:0;padding:0}
    h1~h6{font-size:100%}/*继承body字体大小*/


//根据屏幕大小改变字体
    /*手机屏幕*/
    @media screen and（max-width:768px）{
        html{font-size:15px}
    }

    /*平板屏幕*/
    @media screen and（min-width:768px）and （max-width:992px）{
        html{font-size:20px}
    }

    /*电脑屏幕*/
    @media screen and （min-width;992px）{
        html{font-size:25px}
    }

    
body{font-family:"Droid Sans Fallback","Heiti SC","Droid Sans","Helvetica","Helvetica Neue","sans-self";color:#555;background-color:#f7f7f7} 

/*清除浮动*/
.clearfix:after{content:'';display:block;visibility:hidden;height:0;clear:both}

a:hover{text-decoration:none}
ul,ol{list-style:none;margin:0;padding:0}

/*图片自适应*/
img{max-width:100%;height:auto;}

/*如需默认样式可修改*/
em,i{font-style:normal}

/*除去焦点状态下的蓝色边框*/
button,input,slect,textarea{vertical-align:middle;outline:none}

/*修改占位词文字颜色*/
input::-webket-input-placeholder,textarea::-webket-input-placeholder{color:#ccc}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #ccc;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #ccc;}

/*字体抗锯齿渲染平滑处理*/
 -webkit-font-smoothing:
 // 主要有三个属性值
    none: 无抗锯齿
    subpixel-antialiased (default): 次像素平滑 常见于Mac OS和MacType For Windows
    antialiased: 灰度平滑 常用于Android和iOS等移动设备

/*单行，溢出显示省略号*/    
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow:hidden;

/*多行，溢出显示省略号*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; //n:超出该行数就隐藏
    -webkit-box-orient: vertical;

后续继续补充中。。。