【正文】
。這可以分別進行，也可以使用通用選擇器對所有元素進行設(shè) 置： * { margin: 0。但是，許多元素將由用戶代理樣式表設(shè)置外邊距和內(nèi)邊距。 提示： 背景應(yīng)用于由內(nèi)容和內(nèi)邊距組成的區(qū)域。內(nèi)邊距的邊緣是邊框。 CSS 框模型概述 元素框的最內(nèi)部分是實際的內(nèi)容，直接包圍內(nèi)容的是內(nèi)邊距。 2 outlinewidth 設(shè)置輪廓的寬度。 2 outlinecolor 設(shè)置輪廓的顏色。 CSS 邊框?qū)傩? CSS 列中的數(shù)字指示哪個 CSS 版本定義了該屬性。 設(shè)置輪廓的樣式 本例演示如何設(shè)置輪廓的樣式。 輪廓（ Outline） 實例： 在元素周圍畫線 本例演示使用 outline 屬性在元素周圍畫一條線。 CSS 輪廓 輪廓（ outline）是繪制于元素周圍的一條線，位于邊框邊緣的外圍，可起到突出元素的作用。 設(shè)置表格邊框之間的空白 本例演示如何設(shè)置單元格邊框之間的距離。 親自試一試 更多實例 制作一個漂亮的表格 本例演示如何創(chuàng)造一個漂亮的表格。 emptycells 設(shè)置是否顯示表格中的空單元格。 borderspacing 設(shè)置分隔單元格邊框的距離。 color:white。 } 親自試一試 表格顏色 下面的例子設(shè)置邊框的顏色，以及 th 元素的文本和背景顏色： table, td, th { border:1px solid green。 verticalalign:bottom。 textalign 屬性設(shè)置水平對齊方式，比如左對齊、右對齊或者居中： td { textalign:right。 } th { height:50px。 } 親自試一試 表格寬度和高度 通過 width 和 height 屬性定義表格的寬度和高度。 折疊邊框 bordercollapse 屬性設(shè)置是否將表格邊框折疊為單一邊框： table { bordercollapse:collapse。這是由于 table、 th 以及 td 元素都有獨立的邊框。 下面的例子為 table、 th 以及 td 設(shè)置了藍色邊框： table, th, td { border: 1px solid blue。 markeroffset CSS 表格 CSS 表格屬性可以幫助您極大地改善表格的外觀。 liststyleposition 設(shè)置列表中列表項標(biāo)志的位置。用于把所有用于列表的屬性設(shè)置于一個聲明中。 在一個聲明中定義所有的列表屬性 本例演示將所有針對列表的屬性設(shè)置于一個簡寫屬性。 將圖像作為列表項標(biāo)記 本例演示如何將圖像作為列表項標(biāo)記。 在有序列表中不同類型的列表項標(biāo)記 本例演示在 CSS 中不同類型的列表項標(biāo)記。只要提供了一個值，其它的就會填入其默認(rèn)值。這是利用 liststyleposition 完成的。你可能想對各標(biāo)志使用一個圖像，這可以利用 liststyleimage 屬性做到： ul li {liststyleimage : url()} 只需要簡單地使用一個 url() 值，就可以使用圖像作為標(biāo)志。 要修改用于列表項的標(biāo)志類型，可以使用屬性 liststyletype： ul {liststyletype : square} 上面的聲明把無序列表中的列表項標(biāo)志設(shè)置為方塊。 例如，在一個無序列表中，列表項的標(biāo)志 (marker) 是出現(xiàn)在各列表項旁邊的圓點。 由于列表如此多樣，這使得列表相當(dāng)重要，所以說 ， CSS 中列表樣式不太豐富確實是一大憾事。 CSS 列表 從某種意義上講，不是描述性的文本的任何內(nèi)容都可以認(rèn)為是列表。 fontweight 設(shè)置字體的粗細。） fontstyle 設(shè)置字體風(fēng)格。） fontstretch 對字體進行水平拉伸。 fontsizeadjust 當(dāng)首選字體不可用時，對替換字體進行智能縮放。 fontfamily 設(shè)置字體系列。 CSS 字體屬性 屬性 描述 font 簡寫屬性。 設(shè)置字體的粗細 本例演示如 何設(shè)置字體的粗細。 設(shè)置字體風(fēng)格 本例演示如何設(shè)置字體風(fēng)格。 CSS 字體實例： 設(shè)置文本的字體 本例演示如何設(shè)置文本字體。} 親自試一試 我們的代碼非常有效。} h2 {fontsize:。 結(jié)合使用百分百和 EM 在所有瀏覽器中均有效的方案是為 body 元素（父元素）以百分比設(shè)置默認(rèn)的 fontsize 值： 實例 body {fontsize:100%。 不幸的是，在 IE 中仍存在問題。} /* 14px/16= */ 親自試一試 在上面的例子中，以 em 為單位的文本大小與前一個例子中以像素計的文本。} /* 60px/16= */ h2 {fontsize:。因此 1em 的默認(rèn)尺寸是 16 像素。在設(shè)置字體大小時， em 的值會相對于父元素的字體大小改變。 1em 等于當(dāng)前的字體尺寸。 使用 em 來設(shè)置字體大小 如果要避免在 Inter Explorer 中無法調(diào)整文本的問題，許多開發(fā)者使用 em 單位代替 pixels。} 親自試一 試 在 Firefox, Chrome, and Safari 中，可以重新調(diào)整以上例子的文本大小，但是在 Inter Explorer 中不行。} h2 {fontsize:40px。 絕對值： ? 將文本設(shè)置為指定的大小 ? 不允許用戶在所有瀏覽器中改變文本大?。ú焕诳捎眯裕? ? 絕對大小在確定了輸出的物理尺寸時很有用 相對大小： ? 相對于周圍的元 素來設(shè)置大小 ? 允許用戶在瀏覽器改變文本大小 注意： 如果您沒有規(guī)定字體大小，普通文本（比如段落）的默認(rèn)大小是 16 像素 (16px=1em)。 請始終使用正確的 HTML 標(biāo)題，比如使用 h1 h6 來標(biāo)記標(biāo)題，使用 p 來標(biāo)記段落。 有能力管理文本的大小在 web 設(shè)計領(lǐng)域很重要。} {fontweight:900。 實例 {fontweight:normal。 如果將元素的加粗設(shè)置為 bolder，瀏覽器會設(shè)置比所繼承值更粗的一個字體加粗。如果一個字體內(nèi)置了這些加粗級別，那么這些數(shù)字就直接映射到預(yù)定義的級別， 100 對應(yīng)最細的字體變形， 900 對應(yīng)最粗的字體變形。 使用 bold 關(guān)鍵字可以將文本設(shè)置為粗體。 實例 p {fontvariant:smallcaps。 字體變形 fontvariant 屬性 可以設(shè)定小型大寫字母。與此不同，傾斜（ oblique）文本則是正常豎直文本的一個傾斜版本。唯一有點復(fù)雜的是明確 italic 文本和 oblique 文本之間的差別。} {fontstyle:oblique。 該屬性有三個值： ? normal 文本正常顯示 ? italic 文本斜體顯示 ? oblique 文本傾斜顯示 實例 {fontstyle:normal。, serif。, Geia, 39。但是，如果把一個 fontfamily 屬性放在 HTML 的 style 屬性中，則需要使用該屬性本身未使用的那種引號： p style=fontfamily: Times, TimesNR, 39。只有當(dāng)字體名中有一個或多個空 格（比如 New York），或者如果字體名包括 或 $ 之類的符號，才需要在 fontfamily 聲明中加引號。如果列出的所有字體都不可用，就會簡單地選擇一種可用的 serif 字體。, serif。, Geia, 39。要做到這一點，需要把這些字體按照優(yōu)先順序排列，然后用逗號進行連接： p {fontfamily: Times, TimesNR, 39。這樣就提供了一條后路，在用戶代理無法提供與規(guī)則匹配的特定字體時，就可以選擇一個候選字體。盡管 Times 與 Geia 并不完全匹配，但至少足夠接近。 我們可以通過結(jié)合特定字體名和通用字體系列來解決這個問題： h1 {fontfamily: Geia, serif。 下面的例子為所有 h1 元素設(shè)置了 Geia 字體： h1 {fontfamily: Geia。因為有繼承，這種字體選擇還將應(yīng)用到 body 元素中包含的所有元素，除非有一種更特定的選擇器將其覆蓋。 使用通用字體系列 如果你希望文檔使用一種 sansserif 字體，但是你并不關(guān)心是哪一種字體，以下就是一個合適的聲明： body {fontfamily: sansserif。 CSS 字體系列 在 CSS 中，有兩種不同類型的字體系列名稱： ? 通用字體系列 擁有相似外觀的字體系統(tǒng)組合（比如 Serif 或 Monospace） ? 特定字體系列 具體的字體系列（比如 Times 或 Courier） 除了各種特定的字體系列外， CSS 定義了 5 種通用字體系列： ? Serif 字體 ? Sansserif 字體 ? Monospace 字體 ? Cursive 字體 ? Fantasy 字體 如果需要了解更多有關(guān)字體系列的知識，請閱讀 CSS 字體系列 。 wordspacing 設(shè)置字間距。 unicodebidi 設(shè)置文本方向。 CSS2 包含該屬性，但是 沒有保留該屬性。 textindent 縮進元素中文本的首行。 textalign 對齊元素中的文本。 lineheight 設(shè)置行高。 增加單詞間距 本例演示如何增加段落中單詞間的距離。 控制文本中的字母 本例演示如何控制文本中的字母。 修飾文本 本例演示如何向文本添加修飾。 使用數(shù)值來設(shè)置行間距 本例演示如何使用一個數(shù)值來設(shè)置段落中的行間距。 使用百分比設(shè)置行間距 本例演示如何使用百分比值來設(shè)置段落中的行間距。 設(shè)置文本的背景顏色 本例顏色如何設(shè)置部分文本的背景顏色。如果顯示從右到左的文本，應(yīng)使用值 rtl。 direction 屬性有兩個值： ltr 和 rtl。 direction 屬性 影響塊級元素中文本的書寫方向、表中列布局的方向、內(nèi)容水平填充其元素框的方向、以及兩端對齊元素中最后一行的為止。我們知道古漢語就是從右到左來閱讀的，當(dāng)然還包括希伯來語和阿拉伯語等等。 總結(jié) 下面的表格總結(jié)了 whitespace 屬性的行為： 值 空白符 換行符 自動換行 preline 合并 保留 允許 normal 合并 忽略 允許 nowrap 合并 忽略 不允許 pre 保留 保留 不允許 prewrap 保留 保留 允許 文本方向 如果您閱讀的是英文書籍，就會從左到右、從上到下地閱讀，這就是英文的流方向。 preline 與 prewrap 相反，會像正常文本中一樣合并空白符序列，但保留換行符。 如果元素的 whitespace 設(shè)置為 prewrap，那么該元素中的文本會保留空白符序列，但是文本行會正常地換行。 實例 TIY ： whitespace: nowrap 值 prewrap 和 preline 引入了值 prewrap 和 preline，這在以前版本的 CSS 中是沒有的。 值 nowrap 與 之相對的值是 nowrap，它會防止元素中的文本換行，除非使用了一個 br 元素。在這個方面，而且僅在這個方面，任何元素都可以相當(dāng)于一個 pre 元素。 實例 TIY ： whitespace: normal 值 pre 不過，如果將 whitespace 設(shè)置為 pre，受這個屬性影響的元素中，空白符的處理就有所不同，其行為就像 XHTML 的 pre 元素一樣；空 白符不會被忽略。} 上面的規(guī)則告訴瀏覽器按 照平常的做法去處理：丟掉多余的空白符。從某種程度上講，默認(rèn)的 XHTML 處理已經(jīng)完成了空白符處理：它會把所有空白符合并為一個空格。 處理空白符 whitespace 屬性 會影響到用戶代理對源文檔中的空格、換行和 tab 字符的處 理。} h2 {textdecoration: underline overline。} 不過要注意的是，如果兩個不同的裝飾都與同一元素匹配，勝出規(guī)則的值會完全取代另一個值。 還可以在一個規(guī)則中結(jié)合多種裝飾。如果您希望去掉超鏈接的下劃線，可以使用以下 CSS 來做到這一點： a {textdecoration: none。通常，無裝飾的文本是默認(rèn)外觀，但也不總是這樣。 blink 會讓文本閃爍，類似于 Netscape 支持的頗招非議的 blink 標(biāo)記。 o