标签:
适用于大部分移动端网站的基础样式,从reset.css和normalize.css中提取的,再根据实际情况加减了一些样式,简洁实用。
@charset "utf-8";
/****************************** Normalize ******************************/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, ul, ol, li, dl, dd, input, button, textarea, fieldset, legend, figure, menu, th, td, pre{margin:0;padding:0;}
body{font-size: 12px;font-family: "Helvetica Neue", "Helvetica", "Arial", "Microsoft YaHei";color: #666;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
h1, h2, h3, h4, h5, h6{font-weight: normal;font-size: inherit;}
a{color: #999;text-decoration: none;outline: none;}
a, img {-webkit-touch-callout: none;}
ul, ol{list-style: none;}
i, em{font-style: normal;}
table{border-collapse: collapse;}
input, button, select, textarea, optgroup{font: inherit;color: inherit;outline:none;}
input[type="text"], input[type="password"], input[type="search"], button, textarea{border: 1px solid #ccc;}
input[type="button"], input[type="reset"], input[type="submit"], button{border: none;-webkit-appearance:button;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
textarea{resize: none;}
legend{padding:0;border:0}
textarea{resize: none;}
table{border-collapse: collapse;}
td,th{padding:0}
/****************************** Global Style ******************************/
.fl{float: left;}
.fr{float: right;}
.rps{display: block;max-width: 100%;}
.container{width: 94%;margin: 0 auto;}
.container, .wrapper, .box{position: relative;padding: .1px 0;}
.container:after, .wrapper:after, .box:after, .clearfix:after{content: "";display: block;clear: both;}
/****************************** Icon Sprite ******************************/
.selector1 .selector2 .selector3{background-image: url(../img/icon.png);background-repeat: no-repeat;}
/****************************** CSS3 Transition ******************************/
.selector1 .selector2 .selector3{-webkit-transition: all .3s;transition: all .3s;}
/****************************** Page Component ******************************/
/****************************** Common Part ******************************/
/****************************** Index ******************************/
标准基础样式表 style.css(mobile)【原】 2016-08-21
标签:
原文地址:http://www.cnblogs.com/happyfreelife/p/5378152.html