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屬性選擇器控制鏈接樣式
 
教你用CSS屬性選擇器控制鏈接樣式
有時我們可能希望內部鏈接與外部鏈接顯示不同的樣式,如外部鏈接。我想在鏈接的旁邊加上一個小圖標,以表示其是一個外部的鏈接,來告訴來訪者,讓他們來確認是在新窗口打開還是在本窗口打開。我們可能會這樣做:.ext...查看完整版>>教你用CSS屬性選擇器控制鏈接樣式
 
CSS擴展濾鏡屬性及語法
CSS濾鏡:1.Alpha濾鏡語法:Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?)代碼:<font style="font-size:30pt;filter:alpha(opacity=100,style=3);width:100%; color:re...查看完整版>>CSS擴展濾鏡屬性及語法
 
CSS教程:簡化CSS中屬性的示例
  在工作中編寫CSS代碼時,經常會出現冗余的代碼,特別是用“可見即可得”工具來編寫,爲了提高代碼的質量及文件壓縮到最小,使代碼具有可讀性,我們不得不把CSS代碼簡化。   下面用一些比較常用的屬性來做示例:...查看完整版>>CSS教程:簡化CSS中屬性的示例
 
用點擊來改變文字或者圖片的CSS屬性,挺有用
<!-- 把如下代碼加入<body>區域中 --><style>.ft{font-family:Arial; font-size:20px}</style><a class=ft onClick="f();">ABCDE</a><script>function f(){document.styl...查看完整版>>用點擊來改變文字或者圖片的CSS屬性,挺有用
 
 
回到王朝網路移動版首頁