HTML與CSS常用代碼

1. =======HTML常用代碼=======
2. ------圖象和文字的對齊------
4.     <img src="URL" align="#"> #=top上, middle中, bottom下。
6. ------圖象在頁面中的對齊/布局-------
8.     <img src=URL align="#">#=left左，right右。這裡表示文字在圖片下面。<img src=URL align=left vspace=10 hspace=20>vspace與hspace表示距離。
10. ------表格 ，跨多列的表元----------
12.     <td colspan=#> #=列的數目 跨多行的表元 ：<th rowspan=#> #=行的數目。
14. -------表格的標題---------------
16.      <caption align=#>內容 </caption> #=left左, center中, right右。
17.      <aption valign=#>內容</caption> #=top, bottom，表示標題在表格下面。
19. --------背景音樂-------------
21.      <bgsound src="168.mid" loop="5"> #=WAV 檔案的 URL。#=填數字，如果填-1，表示一直播放。
23. ---------會移動的文字------------
25. 方向：direction=#  #=left左, right右。<marquee direction=left>右向左移</marquee>，<marquee direction=right>左向右移</marquee>。
26. 方式: bihavior=#   #=scroll, slide, alternate。<marquee behavior=scroll>一圈一圈繞著走</marquee>，<marquee behavior=slide>只走一次就歇了</marquee>，<marquee behavior=alternate>我來回走耶</marquee>。
27. 帶顏色背景，滑鼠經過文字停住：<marquee bgcolor=aaaaee>啦啦啦，我會移動耶！</marquee>
28. 空白:hspace=# vspace=#  #=數字。示範：<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=center>啦啦啦，我會移動耶！</marquee>大家好！
31. ==========CSS常用代碼===========
33. 字型顏色 : color : #00903A;
34. 背景顏色 : background-color : #7CFFE7;
36. --------------------------------------------------------------------------------
38. 邊框寬度 : border-width : 5px;
39. 上邊寬度 : border-top-width : 5px;
40. 左邊寬度 : border-left-width : 5px;
41. 右邊寬度 : border-right-width : 5px;
42. 底邊寬度 : border-bottom-width : 5px;
44. --------------------------------------------------------------------------------
46. 邊框顏色 : border-color : #000FF4;
47. 上邊顏色 : border-top-color : #10FF01;
48. 左邊顏色 : border-left-color : #FF3B04;
49. 右邊顏色 : border-right-color : #FF3CF3;
50. 底邊顏色 : border-bottom-color : #00D0C3;
52. --------------------------------------------------------------------------------
54. 邊框樣式 : border-style : double; 可替換 dashed; dotted; none;  
55. 上邊樣式 : border-top-style : solid;   
56. 左邊樣式 : border-left-style : inset;
57. 右邊樣式 : border-right-style : ridge;   
58. 底邊樣式 : border-bottom-style : solid;   
60. --------------------------------------------------------------------------------
62. 整體寬度 : width : 5px;  
63. 整體高度 : height : 5px;  
64. 溢出選項 : overflow : visible;  可替換 hidden; scroll; auto;
66. --------------------------------------------------------------------------------
68. 內側邊距 : padding : 5px;   
69. 上內邊距 : padding-top : 5px;  
70. 左內邊距 : padding-left : 5px;  
71. 右內邊距 : padding-right : 5px;  
72. 底內邊距 : padding-bottom : 5px;  
74. --------------------------------------------------------------------------------
76. 外側邊距 : margin : 5px;   
77. 上外邊距 : margin-top : 5px;   
78. 左外邊距 : margin-left : 5px;   
79. 右外邊距 : margin-right : 5px;   
80. 底外邊距 : margin-bottom : 5px;   
82. --------------------------------------------------------------------------------
84. 文字字型 : font-family : fantasy;   
85. 文字大小 : font-size : 12pt;   
86. 文字粗細 : font-weight : bold;
87.                 font-weight的值有normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
88. 文字樣式 : font-style : italic;   
89. 文字變數 : line-height : 110%;      
91. --------------------------------------------------------------------------------
93. 清除屬性 : clear : left;  可替換 right;  both;  none;
94. 浮動屬性 : float : left;  可替換 right;  none;
95. 水平排列 : text-align : left; 可替換  right;  center;  justify;
96. 文本修飾 : text-decoration : underline;  可替換  overline;  underline overline;  line-through;  blink;
97. 文本縮排 : text-indent : 5em;   
98. 文字間距 : letter-spacing : 5px;   
99. 字母間距 : word-spacing : 5px;   
100. 文本轉換 : text-transform : capitalize;  可替換  lowercase;  uppercase;  
101. 垂直排列 : vertical-align : baseline;    可替換  top; middle; bottom; text-top; text-bottom; super; sub; 3em; 30%;  
103. --------------------------------------------------------------------------------
105. 背景圖片 : background-image : url(tianyi.gif);   
106. 背景展開 : background-repeat : repeat;   可替換   repeat-x; repeat-y; no-repeat;  
107. 背景定位 : background-position : left;   可替換   right; top; left top; right bottom; 30% 50%;
108. 附加屬性 : background-attachment : fixed; 可替換  scroll;   
110. --------------------------------------------------------------------------------
112. 顯示內容 : display : none; 可替換  block; inline; run-in; compact; list-item; marker;   
113. 是否可見 : visibility : visible; 可替換  hidden;   
114. 資源定位 : position : static;  可替換  relative; absolute; fixed;  
115. 距離頂部 : top : 5px;
116. 距離左邊 : left : 5px;  
117. 距離右邊 : right : 5px;   
118. 距離底邊 : bottom : 5px;   
119. 優先等級 : z-index : 5;
120. 滑鼠指標 : cursor : crosshair; 可替換  default; pointer; move; text; wait; help; n-resize; s-resize; w-resize; e-resize; ne-resize; nw-resize; se-resize; sw-resize;