CSS常用代碼

==========CSS常用代碼===========

 字型顏色 : color : #00903A;
 背景顏色 : background-color : #7CFFE7;

--------------------------------------------------------------------------------

 邊框寬度 : border-width : 5px;
 上邊寬度 : border-top-width : 5px;
 左邊寬度 : border-left-width : 5px;
 右邊寬度 : border-right-width : 5px;
 底邊寬度 : border-bottom-width : 5px;

--------------------------------------------------------------------------------

 邊框顏色 : border-color : #000FF4;
 上邊顏色 : border-top-color : #10FF01;
 左邊顏色 : border-left-color : #FF3B04;
 右邊顏色 : border-right-color : #FF3CF3;
 底邊顏色 : border-bottom-color : #00D0C3;

--------------------------------------------------------------------------------

 邊框樣式 : border-style : double; 可替換 dashed; dotted; none;
 上邊樣式 : border-top-style : solid; 
 左邊樣式 : border-left-style : inset;
 右邊樣式 : border-right-style : ridge; 
 底邊樣式 : border-bottom-style : solid; 

--------------------------------------------------------------------------------
 
 整體寬度 : width : 5px;
 整體高度 : height : 5px;
 溢出選項 : overflow : visible; 可替換 hidden; scroll; auto;

--------------------------------------------------------------------------------
 
 內側邊距 : padding : 5px; 
 上內邊距 : padding-top : 5px;
 左內邊距 : padding-left : 5px;
 右內邊距 : padding-right : 5px;
 底內邊距 : padding-bottom : 5px;

--------------------------------------------------------------------------------
 
 外側邊距 : margin : 5px; 
 上外邊距 : margin-top : 5px; 
 左外邊距 : margin-left : 5px; 
 右外邊距 : margin-right : 5px; 
 底外邊距 : margin-bottom : 5px; 

--------------------------------------------------------------------------------
 
 文字字型 : font-family : fantasy; 
 文字大小 : font-size : 12pt; 
 文字粗細 : font-weight : bold; 
 文字樣式 : font-style : italic; 
 文字變數 : line-height : 110%;  

--------------------------------------------------------------------------------
 
 清除屬性 : clear : left; 可替換 right; both; none;
 浮動屬性 : float : left; 可替換 right; none;
 水平排列 : text-align : left; 可替換 right; center; justify;
 文本修飾 : text-decoration : underline; 可替換 overline; underline overline; line-through; blink;
 文本縮排 : text-indent : 5em; 
 文字間距 : letter-spacing : 5px; 
 字母間距 : word-spacing : 5px; 
 文本轉換 : text-transform : capitalize; 可替換 lowercase; uppercase;
 垂直排列 : vertical-align : baseline;  可替換 top; middle; bottom; text-top; text-bottom; super; sub; 3em; 30%;

--------------------------------------------------------------------------------
 
 背景圖片 : background-image : url(tianyi.gif); 
 背景展開 : background-repeat : repeat;  可替換  repeat-x; repeat-y; no-repeat;
 背景定位 : background-position : left;  可替換  right; top; left top; right bottom; 30% 50%;
 附加屬性 : background-attachment : fixed; 可替換 scroll; 

--------------------------------------------------------------------------------
 
 顯示內容 : display : none; 可替換 block; inline; run-in; compact; list-item; marker; 
 是否可見 : visibility : visible; 可替換 hidden; 
 資源定位 : position : static; 可替換 relative; absolute; fixed;
 距離頂部 : top : 5px;
 距離左邊 : left : 5px;
 距離右邊 : right : 5px; 
 距離底邊 : bottom : 5px; 
 優先等級 : z-index : 5;
 滑鼠指標 : cursor : crosshair; 可替換 default; pointer; move; text; wait; help; n-resize; s-resize; w-resize; e-resize; ne-resize; nw-resize; se-resize; sw-resize;