CSS

錨偽類

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>

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

  • 學習CSS的最佳網(wǎng)站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,195評論 0 1
  • 基本常識與實踐 css的每一個語句包括一個場所,以及這個場所的一個屬性,還要應用到這個屬性一個樣式,一個典型的cs...
    丁俊杰_閱讀 1,133評論 0 0
  • CSS要點記錄 CSS 指層疊樣式表 (Cascading Style Sheets) 多種樣式時的優(yōu)先級問題 數(shù)...
    Tony__Hu閱讀 1,340評論 0 0
  • 1.塊級元素和行內(nèi)元素 塊級(block-level)元素;行內(nèi)(內(nèi)聯(lián)、inline-level)元素。 塊元素的...
    饑人谷_小侯閱讀 2,218評論 1 4
  • 第一章 CSS簡介 CSS (Cascading Style Sheets)是層疊樣式表的縮寫,樣式定義了如...
    上書房_張強閱讀 1,393評論 0 11

友情鏈接更多精彩內(nèi)容