码迷,mamicode.com
首页 > Web开发 > 详细

标准基础样式表 style.css(mobile)【原】 2016-08-21

时间:2016-08-21 08:38:31      阅读:420      评论:0      收藏:0      [点我收藏+]

标签:

适用于大部分移动端网站的基础样式,从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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!