前端css公共样式

* -- 样式说明 -- 
* 最大优先实现法,全局能实现不用区域,区域能实现不用模板, 
* 模板能实现不用界面,界面能实现不用标签 
* g - 全局 
* t - 区域 
* m - 模板 
* ui - 界面 
* lb - 标签 
* 特殊标签 
* j - 脚本 
* fix - 浮窗 

*/ 


/*base style*/  
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary{ margin:0; padding:0;}  
body{ font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Arial"; color:#333; background-color:#fff; font-size:15px; background-image:url(about:blank); background-attachment:fixed; overflow-x:hidden;}  
a{ color:#06f; text-decoration:none;}  
a:hover{ color:#f60; text-decoration:none;}  
img{ border:none; vertical-align:middle; max-width: 100%;}  
i,em{ font-style:normal;}  
li{ list-style-type:none;}  
textarea{ resize:vertical;}  
input, select, textarea{ font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Arial"; background-color:#fff; margin:0; padding:0; outline:none;}  
  
/*global style*/  
.g-fl{ float:left;}  
.g-fr{ float:right;}  
.g-c{ zoom:1;}  
.g-c:after{ clear:both; content:"."; display:block; height:0; visibility:hidden;}  
.g-w{ max-width: 1200px; min-width: 980px; width: 96%; margin-left:auto; margin-right:auto;}  
.g-hide{ display:none !important;}  


你可能感兴趣的:(css)