錨偽類
a:link {color: #FF0000} /* 未訪問的鏈接 */
a:visited {color: #00FF00} /* 已訪問的鏈接 */
a:hover {color: #FF00FF} /* 鼠標移動到鏈接上 */
a:active {color: #0000FF} /* 選定的鏈接 */
更多:W3school
字體
我們所認為的“字體”可能有許多字體變形組成,分別用來描述粗體、斜體文本,等等。例如,你可能已經(jīng)對字體 Times 很熟悉。不過,Times 實際上是多種變形的一個組合,包括 TimesRegular、TimesBold、TimesItalic、TimesOblique、TimesBoldItalic、TimesBoldOblique,等等。Times 的每種變形都是一個具體的字體風格(font face),而我們通常認為的 Times 是所有這些變形字體的一個組合。換句話說,Times 實際上是一個字體系列(font family),而不只是單個的字體,盡管我們大多數(shù)人都認為字體就是某一種字體。
除了各種特定字體系列外(如 Times、Verdana、Helvetica 或 Arial),CSS 還定義了 5 種通用字體系列:
-
Serif 字體
這些字體成比例,而且有上下短線。如果字體中的所有字符根據(jù)其不同大小有不同的寬度,則成該字符是成比例的。例如,小寫 i 和小寫 m 的寬度就不同。上下短線是每個字符筆劃末端的裝飾,比如小寫 l 頂部和底部的短線,或大寫 A 兩條腿底部的短線。Serif 字體的例子包括 Times、Georgia 和 New Century Schoolbook。
-
Sans-serif 字體
這些字體是成比例的,而且沒有上下短線。Sans-serif 字體的例子包括 Helvetica、Geneva、Verdana、Arial 或 Univers。
-
Monospace 字體
Monospace 字體并不是成比例的。它們通常用于模擬打字機打出的文本、老式點陣打印機的輸出,甚至更老式的視頻顯示終端。采用這些字體,每個字符的寬度都必須完全相同,所以小寫的 i 和小寫的 m 有相同的寬度。這些字體可能有上下短線,也可能沒有。如果一個字體的字符寬度完全相同,則歸類為 Monospace 字體,而不論是否有上下短線。Monospace 字體的例子包括 Courier、Courier New 和 Andale Mono。
-
Cursive 字體
這些字體試圖模仿人的手寫體。通常,它們主要由曲線和 Serif 字體中沒有的筆劃裝飾組成。例如,大寫 A 再其左腿底部可能有一個小彎,或者完全由花體部分和小的彎曲部分組成。Cursive 字體的例子包括 Zapf Chancery、Author 和 Comic Sans。
-
Fantasy 字體
這些字體無法用任何特征來定義,只有一點是確定的,那就是我們無法很容易地將其規(guī)劃到任何一種其他的字體系列當中。這樣的字體包括 Western、Woodblock 和 Klingon。
理論上講,用戶安裝的任何字體系列都會落入到上述某種通用系列中,但實際上可能并非如此,不過例外情況(如果有的話)往往很少。
編劇
內(nèi)邊距
<div id="padding">
<h2>CSS 內(nèi)邊距屬性(Padding)</h2>
<table class="dataintable">
<tbody><tr>
<th style="width:30%;">屬性</th>
<th style="width:65%;">描述</th>
<th style="width:5%;">CSS</th>
</tr>
<tr>
<td><a href="/cssref/pr_padding.asp">padding</a></td>
<td>在一個聲明中設置所有內(nèi)邊距屬性。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_padding-bottom.asp">padding-bottom</a></td>
<td>設置元素的下內(nèi)邊距。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_padding-left.asp">padding-left</a></td>
<td>設置元素的左內(nèi)邊距。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_padding-right.asp">padding-right</a></td>
<td>設置元素的右內(nèi)邊距。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_padding-top.asp">padding-top</a></td>
<td>設置元素的上內(nèi)邊距。</td>
<td>1</td>
</tr>
</tbody></table>
<div id="pagedmedia">
<h2>Paged Media 屬性</h2>
<table class="dataintable">
<tbody><tr>
<th style="width:30%;">屬性</th>
<th style="width:65%;">描述</th>
<th style="width:5%;">CSS</th>
</tr>
<tr>
<td>fit</td>
<td>示意如何對width和height屬性均不是auto的被替換元素進行縮放。</td>
<td>3</td>
</tr>
<tr>
<td>fit-position</td>
<td>定義盒內(nèi)對象的對齊方式。</td>
<td>3</td>
</tr>
<tr>
<td>image-orientation</td>
<td>規(guī)定用戶代理應用于圖像的順時針方向旋轉(zhuǎn)。</td>
<td>3</td>
</tr>
<tr>
<td>page</td>
<td>規(guī)定元素應該被顯示的頁面特定類型。</td>
<td>3</td>
</tr>
<tr>
<td>size</td>
<td>規(guī)定頁面內(nèi)容包含框的尺寸和方向。</td>
<td>3</td>
</tr>
</tbody></table>