CSS常用代碼1

1. ==========CSS常用代碼===========  
2.   
3.  字型顏色 : color : #00903A;  
4.  背景顏色 : background-color : #7CFFE7;  
5.   
6. --------------------------------------------------------------------------------  
7.   
8.  邊框寬度 : border-width : 5px;  
9.  上邊寬度 : border-top-width : 5px;  
10.  左邊寬度 : border-left-width : 5px;  
11.  右邊寬度 : border-right-width : 5px;  
12.  底邊寬度 : border-bottom-width : 5px;  
13.   
14. --------------------------------------------------------------------------------  
15.   
16.  邊框顏色 : border-color : #000FF4;  
17.  上邊顏色 : border-top-color : #10FF01;  
18.  左邊顏色 : border-left-color : #FF3B04;   
19.  右邊顏色 : border-right-color : #FF3CF3;  
20.  底邊顏色 : border-bottom-color : #00D0C3;  
21.   
22. --------------------------------------------------------------------------------  
23.   
24.  邊框樣式 : border-style : double; 可替換 dashed; dotted; none;   
25.  上邊樣式 : border-top-style : solid;    
26.  左邊樣式 : border-left-style : inset;   
27.  右邊樣式 : border-right-style : ridge;    
28.  底邊樣式 : border-bottom-style : solid;    
29.   
30. --------------------------------------------------------------------------------  
31.    
32.  整體寬度 : width : 5px;   
33.  整體高度 : height : 5px;   
34.  溢出選項 : overflow : visible; 可替換 hidden; scroll; auto;  
35.   
36. --------------------------------------------------------------------------------  
37.    
38.  內側邊距 : padding : 5px;    
39.  上內邊距 : padding-top : 5px;   
40.  左內邊距 : padding-left : 5px;   
41.  右內邊距 : padding-right : 5px;   
42.  底內邊距 : padding-bottom : 5px;   
43.   
44. --------------------------------------------------------------------------------  
45.    
46.  外側邊距 : margin : 5px;    
47.  上外邊距 : margin-top : 5px;    
48.  左外邊距 : margin-left : 5px;    
49.  右外邊距 : margin-right : 5px;    
50.  底外邊距 : margin-bottom : 5px;    
51.   
52. --------------------------------------------------------------------------------  
53.    
54.  文字字型 : font-family : fantasy;    
55.  文字大小 : font-size : 12pt;    
56.  文字粗細 : font-weight : bold;    
57.  文字樣式 : font-style : italic;    
58.  文字變數 : line-height : 110%;     
59.   
60. --------------------------------------------------------------------------------  
61.    
62.  清除屬性 : clear : left; 可替換 right; both; none;  
63.  浮動屬性 : float : left; 可替換 right; none;   
64.  水平排列 : text-align : left; 可替換 right; center; justify;  
65.  文本修飾 : text-decoration : underline; 可替換 overline; underline overline; line-through; blink;   
66.  文本縮排 : text-indent : 5em;    
67.  文字間距 : letter-spacing : 5px;    
68.  字母間距 : word-spacing : 5px;    
69.  文本轉換 : text-transform : capitalize; 可替換 lowercase; uppercase;   
70.  垂直排列 : vertical-align : baseline;  可替換 top; middle; bottom; text-top; text-bottom; super; sub; 3em; 30%;   
71.   
72. --------------------------------------------------------------------------------  
73.    
74.  背景圖片 : background-image : url(tianyi.gif);    
75.  背景展開 : background-repeat : repeat;  可替換  repeat-x; repeat-y; no-repeat;   
76.  背景定位 : background-position : left;  可替換  right; top; left top; right bottom; 30% 50%;   
77.  附加屬性 : background-attachment : fixed; 可替換 scroll;    
78.   
79. --------------------------------------------------------------------------------  
80.    
81.  顯示內容 : display : none; 可替換 block; inline; run-in; compact; list-item; marker;    
82.  是否可見 : visibility : visible; 可替換 hidden;    
83.  資源定位 : position : static; 可替換 relative; absolute; fixed;   
84.  距離頂部 : top : 5px;   
85.  距離左邊 : left : 5px;   
86.  距離右邊 : right : 5px;    
87.  距離底邊 : bottom : 5px;    
88.  優先等級 : z-index : 5;  
89.  滑鼠指標 : cursor : crosshair; 可替換 default; pointer; move; text; wait; help; n-resize; s-resize; w-resize; e-resize; ne-resize; nw-resize; se-resize; sw-resize;   
90.   
91.   
92.   
93. 本文來自CSDN部落格，轉載請標明出處：http://blog.csdn.net/lenhan12345/archive/2006/12/22/1453079.aspx