CSS公用屬性

這是我們開發團隊默認的樣式表 希望大家補充

/*

Author: cuikai msty@tom.com

*/

/* reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0}

table{border-collapse:collapse;border-spacing:0}

fieldset,img{border:0}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}

ol,ul {list-style:none}

caption,th {text-align:left}

h1,h2,h3,h4,h5,h6{font-size:100%}

q:before,q:after{content:''}

/* font */

.f12{font-size:12px!important}

.f14{font-size:14px!important}

.bold{font-weight:bold}

.normal{font-weight:normal}

.font_none{font-size:0px; line-height:0px}

/* color */

.red , .red a{color:#f00!important}

.gray, .gray a {color:#666!important}

.green , .green a {color:#76c56a!important}

.orange, .orange a {color:#fd864a!important}

/*layout*/

.block{display:block}

.hidden{display:none}

.bg_none{background:none!important}

.float_left{float:left}

.float_right{float:right}

.clear{clear:both!important}

.margin_10{margin:10px}

.margin_20{margin:20px}

.margin_top{margin-top:10px}

.margin_right{margin-right:10px}

.margin_bottom{margin-bottom:10px}

.margin_left{margin-left:10px}

.padding_10{padding:10px}

.padding_20{padding:20px}

.padding_top{padding-top:10px}

.padding_right{padding-right:10px}

.padding_bottom{padding-bottom:10px}

.padding_left{padding-left:10px}

.nopadding{padding:0!important}

/*

Author: guoxiaoling

*/

/*

Author: shiwenliang

*/* { margin:0; padding:0;}

html { text-align:center; background:#fff;}

body { width:960px; position:relative; margin:0 auto; padding:10px 0; text-align:left; font:12px/1.6em Tahoma,Verdana, Lucida, Arial, Helvetica, 宋體,sans-serif; color:#666;}

h1, h2, h3, h4, h5, h6 { font-size:100%;}

address, caption, cite, code, dfn, em, strong, th, var,b,i { font-style:normal; font-weight:normal;}

table { border-collapse:collapse; border-spacing:0; empty-cells:show;}

ol, ul { list-style:none outside;}

:focus { outline :0;}

fieldset, img { border:0;}

caption, th { text-align :left;}

q:before, q:after { content:'';}

a { text-decoration:none; }

a:hover { text-decoration:underline;}

input,select,textarea { font-size:12px; padding:2px;}

.clearfix { overflow:hidden; zoom:1;}

 
CSS公用文件
由于各浏覽器的默認CSS樣式不一樣,我們必須寫一個CSS Reset統一起來。通常我的做法是在common.css裏寫全局控制,這裏面也包括header和footer,其它CSS文件就通過@import url(”common.css”);引用。body{padding:10...查看完整版>>CSS公用文件
 
CSS教程:clip屬性完全解答-css設計
  clip屬性是一個比較有用的屬性,但往往在實際應用中,並不多見,而webjx.com介紹的也很少。應用clip屬性需要注意的兩點:  一、clip屬性必須和定位屬性postion一起使用才能生效。  二、clip裁切的計算坐標都...查看完整版>>CSS教程:clip屬性完全解答-css設計
 
淘寶的css屬性順序書寫規範
很有啓示作用,可以參考。段正淳 from Taobao.com UED Team 以前部門的同事們,每個人都有一套書寫的規範,導致看對方的css代碼非常吃力,所以就推行了一套書寫標准 ,或許對您也有幫助。*{ /*顯示屬性*/ display po...查看完整版>>淘寶的css屬性順序書寫規範
 
AJAX裏TabContainer的CSS屬性
Tab的CSS包含如下幾個類,從外向裏依次:(1).ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer.(2).ajax__tab_outer:An outer element of a tab,often used to se...查看完整版>>AJAX裏TabContainer的CSS屬性
 
教你用CSS屬性選擇器控制鏈接樣式
有時我們可能希望內部鏈接與外部鏈接顯示不同的樣式,如外部鏈接。我想在鏈接的旁邊加上一個小圖標,以表示其是一個外部的鏈接,來告訴來訪者,讓他們來確認是在新窗口打開還是在本窗口打開。我們可能會這樣做:.ext...查看完整版>>教你用CSS屬性選擇器控制鏈接樣式