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,\5b8b\4f53,sans-serif; }body{color:#333;font-family:arial; font:16px tahoma,arial,\5b8b\4f53,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;}
常用的css 重置样式
原文地址:http://www.cnblogs.com/xll-qg/p/8032969.html