Common HTML and CSS code

2. ======= Common htmlCode========
4. ------ Alignment of image and text ------
8. # = Top, middle, and bottom.
12. ------ Alignment/layout of images on the page -------
16. # = left, right, right. The text is shown below the image. the distance between vspace and hspace is indicated.
20. ------ Table, table meta across multiple columns ----------
24. <TD colspan =##= the number of columns across multiple rows: <TH rowspan =###= the number of rows.
28. ------- Table title ---------------
32. <Caption align =#> content </caption> # = left, center, right.
34. <Aption valign =#> content </caption> # = top, bottom, indicating that the title is in the table.
38. -------- Background music -------------
42. <Bgsound src = "168.mid" loop =" 5 "> # = URL of the wav file. # = Enter a number. If-1 is entered, the video is played continuously.
46. --------- Text that will be moved ------------
50. Direction: Direction ##= left, right. <Marquee direction = left> shift right to left </marquee>, <marquee direction = right> shift left to right </marquee>.
52. Method: bihavior ##= scroll, slide, and alternate. <Marquee behavior = scroll> walk around in a circle </marquee>, <marquee behavior = slide> just take one stop </marquee>, <marquee behavior = alternate> let's go back and forth </marquee>.
54. Color background, move the mouse over the text to stop: <marquee bgcolor = aaaaee> La la, I will move it! </Marquee>
56. Blank: hspace = # vspace ##= number. Demonstration: <marquee hspace = 20 vspace = 20 width = 150 bgcolor = ffaaaa align = center> La la, I will move it! </Marquee> hello!
62. =========== Common CSS code ================
66. Font color: Color: # 00903a;
68. Background Color: Background-color: #7cffe7;
72. --------------------------------------------------------------------------------
76. Border Width: border-width: 5px;
78. Top width: border-top-width: 5px;
80. Left width: border-left-width: 5px;
82. Right width: border-right-width: 5px;
84. Bottom Side width: border-bottom-width: 5px;
88. --------------------------------------------------------------------------------
92. Border color: border-color: #000ff4;
94. Top color: border-top-color: #10ff01;
96. Left color: border-left-color: # ff3b04;
98. Right color: border-right-color: # ff3cf3;
100. Background Color: border-bottom-color: #00d0c3;
104. --------------------------------------------------------------------------------
108. Border style: border-style: Double; replaceable dashed; dotted; none;
110. Top style: border-top-style: solid;
112. Left style: border-left-style: inset;
114. Style on the right: border-right-style: Ridge;
116. Bottom Side style: border-bottom-style: solid;
120. --------------------------------------------------------------------------------
124. Overall width: 5px;
126. Overall height: Height: 5px;
128. Overflow options: overflow: visible; can replace hidden; scroll; Auto;
132. --------------------------------------------------------------------------------
136. Inner margin: padding: 5px;
138. Top padding: padding-top: 5px;
140. Left padding: padding-left: 5px;
142. Right padding: padding-Right: 5px;
144. Bottom padding: padding-bottom: 5px;
148. --------------------------------------------------------------------------------
152. Outer margin: 5px;
154. Top margin: margin-top: 5px;
156. Left margin: margin-left: 5px;
158. Right margin: margin-Right: 5px;
160. Bottom margin: margin-bottom: 5px;
164. --------------------------------------------------------------------------------
168. Text font: font-family: fantasy;
170. Text Size: font-size: 12pt;
172. Text width: font-weight: bold;
174. Font-Weight Values: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 |
176. Text style: font-style: italic;
178. Text variable: Line-Height: 110%;
182. --------------------------------------------------------------------------------
186. Clear attribute: clear: Left; can replace right; both; none;
188. Floating property: float: Left; can replace right; none;
190. Horizontal arrangement: Text-align: Left; can replace right; center; justify;
192. Text modifier: Text-Decoration: underline; overline can be replaced; Underline overline; line-through; blink;
194. Text indent: Text-indent: 5em;
196. Text Spacing: letter-Spacing: 5px;
198. Letter Spacing: Word-Spacing: 5px;
200. Text conversion: Text-transform: Capitalize; replace lowercase; uppercase;
202. Vertical arrangement: vertical-align: baseline; top; middle; bottom; text-top; text-bottom; Super; sub; 3em; 30%;
206. --------------------------------------------------------------------------------
210. Background Image: Background-image: url(tianyi.gif );
212. Background stretch: Background-repeat: Repeat; replace repeat-X; repeat-y; no-Repeat;
214. Background positioning: Background-position: Left; can be replaced by right; top; left top; right bottom; 30% 50%;
216. Additional attributes: Background-Attachment: fixed; scroll can be replaced;
220. --------------------------------------------------------------------------------
224. Display attribute: Display: none; replaceable block; inline; run-in; compact; List-item; marker;
226. Visible: visibility: visible; can be replaced by hidden;
228. Resource positioning: Position: static; can replace relative; absolute; fixed;
230. Distance from top: Top: 5px;
232. Left: 5px;
234. Right: 5px;
236. Bottom edge: Bottom: 5px;
238. Priority: Z-index: 5;
240. Mouse pointer: cursor: crosshair; can replace default; pointer; move; text; wait; help; n-resize; s-resize; W-resize; e-resize; ne-resize; NW-resize; se-resize; Sw-resize;