常用的css 重置样式

1、css3样式比较多，一般我会在app端使用

/*.html {font-size:.625rem;*//*10 ÷ 16 × 100% = 62.5%*//*  height:100%;}*/
*{margin:0px;padding:0px;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-webkit-appearance:none;outline:none;word-break:break-all;box-sizing:border-box;-webkit-box-sizing:border-box;}
html{ font:16px tahoma,arial,5b8b4f53,sans-serif; }
body{color:#333;font-family:arial; font:16px tahoma,arial,5b8b4f53,sans-serif;background:#ebebeb;-webkit-overflow-scrolling:touch;height:100%;}
html,body{ width: 100%; height: 100%; }
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
input[type=submit],input[type=reset],input[type=button],button{-webkit-appearance:none}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:0;margin:0;padding:0}
ul,ol{list-style:none}
input[type="text"],input[type="search"]{-webkit-appearance:none;-webkit-tap-highlight-color:#fff;outline:0}

.fl{float: left;}
.fr{float: right;}
.clr{*zoom: 1;}
.clr:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

2、css3样式较少，一般我会在pc端使用

body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,th,td select option{margin: 0;padding: 0;}
body,html{background: #eee;font-size: 12px; color: #333; font-family:arial,microsoft yahei,verdana, simsun; width:100%; height:100%; overflow: hidden; }
/*table{border-collapse: collapse; border-spacing: 0;}*/
fieldset,img{border: none; vertical-align:middle;}
ol,ul,li{list-style: none;}
h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;}
em{font-style: normal;}
input,button,select,textarea{outline: none; border-color:#dadada;}
input,select{ border:none; background: transparent; font-family: "microsoft yahei";color: black; }
textarea{resize: none;}
input,button,select,textarea{outline: none; border-color:#dadada; }
input:focus{ border-color: #91dfe4!important; color:#000!important; }
.pasentNo i { font-style: normal!important;}
input:-webkit-autofill,textarea:-webkit-autofill{ background:transparent; color:#333; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{ -webkit-appearance: none !important;}
input[type="number"]{ -moz-appearance: textfield;}
/*解决select各个浏览器默认箭头不统一的问题*/
select { appearance:none; -moz-appearance:none;  -webkit-appearance:none; -moz-appearance: none; -ms-appearance: none; appearance: none; background: url("../images/public/arrow.png") no-repeat scroll right center transparent;}
select::-ms-expand { display: none; }

.fl{float: left;}
.fr{float: right;}
.clr{*zoom: 1;}
.clr:after{content:".";display:block;height:0;clear:both;visibility:hidden;}