初始化css样式

1 html,body,div,ul,li,ol,a,input,textarea,p,dl,dt,dd{margin:0;padding:0;}2 ul li{list-style: none;}3 a{text-decoration: none;cursor: pointer;}4 html{height: 100%;}5 body{height: 100%;background: #f5f5f5;position: relative;font-family: ‘微软雅黑‘;max-width: 640px;margin:auto;}6 a,input,img,textarea,span,div{outline: 0;-webkit-tap-highlight-color:rgba(255,0,0,0);}

 ?1 html { ?2 ????font-family:"宋体", "Times New Roman", Times, serif; ?3 ????/*谷歌浏览器字体最小字体12px*/ ?4 ????-webkit-text-size-adjust: 100%;/*100%/none 关闭字体大小自动调整功能*/ ?5 ????/*a标签及拥有 :active伪类的元素有默认的高亮框*/ ?6 ????-webkit-tap-hightlight-color: transparent; ?7 ????/*禁止文本被选中*/ ?8 ??????9 } 10 body{ 11 ????overflow-x:hidden; 12 ????/*开启moblie网页快速滚动和回弹的效果*/ 13 ????-webkit-overflow-scrolling: touch; 14 ????font-size: 12px; 15 ????font-family: Helvetica Neue, Helvetica, Arial, sans-serif; 16 ????-webkit-text-size-adjust: 100%; //关闭自动调整字体 17 ????overflow-scrolling: touch; 18 ????-webkit-tap-highlight-color:rgba(0,0,0,0); 19 } 20 *{ 21 ????margin: 0; 22 ????padding: 0; 23 ????-webkit-box-sizing: border-box; 24 ????box-sizing: border-box; 25 ????font-style: normal; 26 } 27 a{ 28 ?????border:none; 29 ?????-webkit-tap-highlight-color: rgba(0,0,0,0); 30 ?????-webkit-tap-highlight-color:transparent; 31 ?????outline:none; 32 ?????color: #333; 33 ????-webkit-tap-highlight-color: #fff; 34 ?????text-decoration: none; 35 ?} 36 a:hover, 37 a:focus{ 38 ????text-decoration:none; 39 ????outline:none; 40 } 41 a.line,.topLine{ 42 ????position:relative; 43 } 44 a.line:after,.topLine:after{ 45 ????content:""; 46 ????position:absolute; 47 ????right:0; 48 ????top:0; 49 } 50 a.line:after{ 51 ????height:100%; 52 ????width:1px; 53 ????-webkit-transform:scaleX(0.5); 54 ????transform:scaleX(0.5); 55 ????border-right:1px solid #ccc; 56 } 57 .topLine:after{ 58 ????height:1px; 59 ????width:100%; 60 ????-webkit-transform:scaleY(0.5); 61 ????transform:scaleY(0.5); 62 ????border-top:1px solid #ccc; 63 } 64 img{ 65 ????border: 0; 66 ????display: inline-block; 67 ????width:100%; 68 ????height:100%; 69 ????vertical-align: middle; 70 } 71 input{ 72 ????outline: none; 73 ????border: none; 74 ????/*-webkit-appearance: none;*/ 75 } 76 .fl{ 77 ????float:left; 78 } 79 .fr{ 80 ????float:right; 81 } 82 .clearfix:after{ 83 ????content:""; 84 ????display:block; 85 ????width:100%; 86 ????height:0; 87 ????clear:both; 88 } 89 li,ol{ 90 ????list-style:none; 91 } 92 ?93 .vertical-view{ 94 ????display:-webkit-box; 95 ????display:-webkit-flex; 96 ????display:flex; 97 ????-webkit-box-orient:vertical; 98 ????-webkit-box-direction:normal; 99 ????-webkit-flex-direction:column;100 ????flex-direction:column;101 }102 .horizontal-view{103 ????display:-webkit-box;104 ????display:-webkit-flex;105 ????display:flex;106 ????-webkit-box-orient:horizontal;107 ????-webkit-box-direction:normal;108 ????-webkit-flex-direction:row ;109 ????flex-direction:row;110 }111 .inline-block{112 ????display:block;113 }

 1 <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> 2 ????????<meta content="yes" name="apple-mobile-web-app-capable"> 3 ????????<meta content="black" name="apple-mobile-web-app-status-bar-style"> 4 ????????<!--屏蔽标签拨号/email/address链接--> 5 ????????<meta name="format-detection" content="telephone=no" /> 6 ????????<meta name="format-detection" content="email=no" /> 7 ????????<meta name="format-detection" content="adress=no" /> 8 ????????<!--不启用缓存--> 9 ????????<meta http-equiv="Pragma" content="no-cache" />10 ????????<meta http-equiv="Cache-Control" content="no-cache" />11 ????????<meta http-equiv="Expires" content="0" />