不同的浏览器会按照自己的默认值来为没有定义的样式赋值,我们可以先定义好一些CSS样式,来让所有浏览器都按照同样的规则解释CSS,这样就能避免某些样式无法正常显示
html{width:100%;height: 100%;font-family: Microsoft YaHei;}
body{width:100%;height: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote,th,td{margin:0; padding:0;}
ul,ul li{ list-style:none}
a{text-decoration:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a:focus{ outline:none; -moz-outline:none;}
a:visited{ outline:none; -moz-outline:none;}
select,select:focus{ outline:none}
input,textarea,select{font-family:"Microsoft Yahei"; line-height:normal; outline:none;resize:none;}
input[type="button"],input[type="radio"],input[type="checkbox"],select{-webkit-appearance:none;}
button{ outline:none;}
.left{ float: left}
.right{ float: right;}
.btn{ background:none; border:none; line-height:normal; cursor:pointer;outline: none;font-family:"Microsoft Yahei";}
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: "";}
.clearfix:after { clear: both; }