【正文】 元素的樣式為斜體字，無(wú)需為 strong 元素定義特別的 class 或 id，代碼更加簡(jiǎn)潔。 } h2 { color: red。 } 下面是它施加影響的 HTML： pThe strongly emphasized word in this paragraph isstrongred/strong./p h2This subhead is also red./h2 h2The strongly emphasized word in this subhead isstrongblue/strong./h2 CSS id 選擇器 id 選擇器 id 選擇器可以為標(biāo)有特定 id 的 HTML 元素指定特定的樣式。 下面的兩個(gè) id 選擇器，第一個(gè)可以定義元素的顏色為紅色，第二個(gè)定義元素的顏色為綠色： red {color:red。} 下面的 HTML 代碼中， id 屬性為 red 的 p 元素顯示為紅色，而 id 屬性為 green 的 p 元素顯示為綠色。 /p p id=green這個(gè)段落是綠色。想知道原因嗎，請(qǐng)參閱 XHTML:網(wǎng)站重構(gòu) 。 sidebar p { fontstyle: italic。 margintop: 。這個(gè)元素很可能是 div 或者是表格單元，盡管它也可能是一個(gè)表格或者其他塊級(jí)元素。 一個(gè)選擇器，多種用法 即使被標(biāo)注為 sidebar 的元素只能在文檔中出現(xiàn)一次，這個(gè) id 選擇器作為派生選擇器也可以被使用很多次： sidebar p { fontstyle: italic。 margintop: 。 fontweight: normal。 margin: 0。 textalign: right。 單獨(dú)的選擇器 id 選擇器即使不被用來(lái)創(chuàng)建派生選擇器，它也可以獨(dú)立發(fā)揮作用： sidebar { border: 1px dotted 000。 } 根據(jù)這條規(guī)則， id 為 sidebar 的元素將擁有一個(gè)像素寬的黑色點(diǎn)狀邊框，同時(shí)其周 圍會(huì)有 10 個(gè)像素寬的內(nèi)邊距（ padding，內(nèi)部空白）。 padding: 10px。 在下面的 HTML 代碼中， h1 和 p 元素 都有 center 類。 h1 class=center This heading will be centeraligned /h1 p class=center This paragraph will also be centeraligned. /p 注意： 類名的第一個(gè)字符不能使用數(shù)字！它無(wú)法在 Mozilla 或 Firefox 中起作用。 background: 666。（名為 fancy 的更大的元素可能是一個(gè)表格或者一個(gè) div） 元素也可以基于它們的類而被選擇： { color: f60。 } 在上面的例子中，類名為 fancy 的表格單元將是帶有灰色背景的橙色。那些以 fancy 標(biāo)注的單元格都會(huì)是帶有灰色背景的橙色。還有一點(diǎn)值得注意， class 為 fancy 的段落也不會(huì)是帶有灰色背景的橙色，當(dāng)然，任何其他被標(biāo)注為 fancy 的元素也不會(huì)受這條規(guī)則的影響。 CSS 屬性選擇器 對(duì)帶有指定屬性的 HTML 元素設(shè)置樣式。 注釋： Inter Explorer 7 （以及更高版本）在規(guī)定了 !DOCTYPE 的情況下支持屬性選擇器。 屬性選擇器 下面的例子為帶有 title 屬性的所有元素設(shè)置樣式： [title] { color:red。 } 親自試一試 屬性和值選擇器 多個(gè)值 下面的例子為包含指定值的 title 屬性的所有元素設(shè)置樣式。 } 親自試一試 下面的例子為帶有包含指定值的 lang 屬性的所有元素設(shè)置樣式。 } 親自試一試 設(shè)置表單的樣式 屬性選擇器在為不帶有 class 或 id 的表單設(shè)置樣式時(shí)特別有用： input[type=text] { width:150px。 marginbottom:10px。 fontfamily: Verdana, Arial。 marginleft:35px。 fontfamily: Verdana, Arial。插入樣式表的方法有三種： 外部樣式表 當(dāng)樣式需要應(yīng)用于很多頁(yè)面時(shí)，外部樣式表將是理想的選擇。每個(gè)頁(yè)面使用 link 標(biāo)簽鏈接到樣式表。 外部樣式表可以在任何文本編輯器中進(jìn)行編輯。樣式表應(yīng)該以 .css 擴(kuò)展名進(jìn)行保存。} p {marginleft: 20px。} 不要在屬性值與單位之間留有空格。 內(nèi)部樣式表 當(dāng)單個(gè)文檔需要特殊的樣式時(shí)，就應(yīng)該使用內(nèi)部樣式表。} p {marginleft: 20px。} /style /head 內(nèi)聯(lián)樣式 由于要將表現(xiàn)和內(nèi)容混雜在一起，內(nèi)聯(lián)樣式會(huì)損失掉樣式表的許多優(yōu)勢(shì)。 要使用內(nèi)聯(lián)樣式，你需要在相關(guān)的標(biāo)簽內(nèi)使用樣式（ style）屬性。本例展示如何改變段落的顏色和左外邊距： p style=color: sienna。 例如，外部樣式表?yè)碛嗅槍?duì) h3 選擇器的三個(gè)屬性： h3 { color: red。 fontsize: 8pt。 fontsize: 20pt。 textalign: right。 即顏色屬性將被繼承于外部樣式表，而文字排列（ textalignment）和字體尺寸（ fontsize）會(huì)被內(nèi)部樣式表中的規(guī)則取代。 CSS 在這方面的能力遠(yuǎn)遠(yuǎn)在 HTML 之上。這個(gè)屬性接受任何合法的顏色值。} 如果您希望背景色從元素中的文本向外少有延伸，只需增加一些內(nèi)邊距： p {backgroundcolor: gray。} 如需查看本例的效果，可以 親自試一試 ！ 可以為所有元素設(shè)置背景色，這包括 body 一直到 em 和 a 等行內(nèi)元素。 transparent 有 “透明 ”之意。 背景圖像 要把圖像放入背景，需要使用 backgroundimage 屬性 。 如果需要設(shè)置一個(gè)背景圖像，必須為這個(gè)屬性設(shè)置一個(gè) URL 值： body {backgroundimage: url(/i/)。 下面例子 為一個(gè)段落應(yīng)用了一個(gè)背景，而不會(huì)對(duì)文檔的其他部分應(yīng)用背景： {backgroundimage: url(/i/)。} 如需查看上述例子的效果，可以 親自試一試 ！ 理論上講，甚至可以向 textareas 和 select 等替換元素的背景應(yīng)用圖像，不過(guò)并不是所有用戶代理都能很好地處理這種情況。事實(shí)上，所有背景屬性都不能繼承。 屬性值 repeat 導(dǎo)致圖像在水平垂直方向上都平鋪，就像以往背景圖像的通常做法一樣。 默認(rèn)地，背景圖像將從一個(gè)元素的左上角開始。 backgroundrepeat: repeaty。 背景定位 可以利用 backgroundposition 屬性 改變圖像在背景中的位置。/i/39。 backgroundrepeat:norepeat。 } 為 backgroundposition 屬性提供值有很多方法。通常，這些關(guān)鍵字會(huì)成對(duì)出現(xiàn)，不過(guò)也不總是這樣。不同類型的值對(duì)于背景圖像的放置稍 有差異。例如， top right 使圖像放置在元素內(nèi)邊距區(qū)的右上角。 如果只出現(xiàn)一個(gè)關(guān)鍵字，則認(rèn)為另一個(gè)關(guān)鍵字是 center。39。 backgroundrepeat:norepeat。 } 下面是等價(jià)的位置關(guān)鍵字： 單一關(guān)鍵字 等價(jià)的關(guān)鍵字 center center center top top center 或 center top bottom bottom center 或 center bottom right right center 或 center right left left center 或 center left 百分?jǐn)?shù)值 百分?jǐn)?shù)值的表現(xiàn)方式更為復(fù)雜。/i/39。 backgroundrepeat:norepeat。 } 這會(huì)導(dǎo)致圖像適當(dāng)放置，其中心與其元素的中心對(duì)齊。 也就是說(shuō)，圖像中描述為 50% 50% 的點(diǎn)（中心點(diǎn)）與元素中描述為 50% 50% 的點(diǎn)（中心點(diǎn)）對(duì)齊。如果圖像位置是 100% 100%，會(huì)使圖像的右下角放在右邊距的右下角。/i/39。 backgroundrepeat:norepeat。 } 如果只提供一個(gè)百分?jǐn)?shù)值，所提供的這個(gè)值將用作水平值，垂直值將假設(shè)為 50%。 backgroundposition 的默認(rèn)值是 0% 0%，在功能上相當(dāng)于 top left。 長(zhǎng)度值 長(zhǎng)度值解釋的是元素內(nèi)邊距區(qū)左上角的偏移。 比如，如果設(shè)置值為 50px 100px，圖像的左上角將在元素內(nèi)邊距區(qū)左上角向右 50 像素、向下 100 像素的位置上： body { backgroundimage:url(39。)。 backgroundposition:50px 100px。也就是說(shuō)，圖像的左上角與 backgroundposition 聲明中的指定的點(diǎn)對(duì)齊。當(dāng)文檔滾動(dòng)到超過(guò)圖像的位置時(shí)，圖像就會(huì)消失。通過(guò)這個(gè)屬性，可以聲明圖像相對(duì)于可視區(qū)是固定的（ fixed），因此不會(huì)受到滾動(dòng)的影響： body { backgroundimage:url(/i/)。 backgroundattachment:fixed } 如需查看上例的效果，可以 親自試一試 。 CSS 背景實(shí)例 設(shè)置背景顏色 本 例演示如何為元素設(shè)置背景顏色。 將圖像設(shè)置為背景 本例演示如何將圖像設(shè)置為背景。 如何重復(fù)背景圖像 本例演示如何重復(fù)背景圖像。 如何在水平方向重復(fù)背景圖像 本例演示如何水平地重復(fù)背景圖像。 如何放置背景圖像 本例演示如何在頁(yè)面上放置背景圖像。 如何使用像素來(lái)定位背景圖像 本例演示如何使用像素來(lái)在頁(yè)面上定位背景圖像。圖像不會(huì)隨著頁(yè)面的其他部分滾動(dòng)。 CSS 背景屬性 屬性 描述 background 簡(jiǎn)寫屬性，作用是將背景屬性設(shè)置在一個(gè)聲明中。 backgroundcolor 設(shè)置元素的背景顏色。 backgroundposition 設(shè)置背景圖像的起始位置。 CSS 文本 CSS 文本屬性可定義文本的外觀。 縮進(jìn)文本 把 Web 頁(yè)面上的段落的第一行縮進(jìn)，這是一種最常用的文本格式化效果。 通過(guò)使用 textindent 屬性，所有元素的第一行都可以縮進(jìn)一個(gè)給定的長(zhǎng)度，甚至該長(zhǎng)度可以是負(fù)值。} 注意： 一般來(lái)說(shuō)，可以為所有塊級(jí)元素應(yīng)用 textindent，但無(wú)法將該屬性應(yīng)用于行內(nèi)元素，圖像之類的替換元素上也無(wú)法應(yīng)用 textindent 屬性。 提示： 如果想把一個(gè)行內(nèi)元素的第一行 “縮進(jìn) ”，可以用左內(nèi)邊距或外邊距創(chuàng)造這種效果。利用這種技術(shù)，可以實(shí)現(xiàn)很多有趣的效果，比如 “懸掛縮進(jìn) ”，即第一行懸掛在元素中余下部分的左 邊： p {textindent: 5em。為了避免出現(xiàn)這種顯示問(wèn)題，建議針對(duì)負(fù)縮進(jìn)再設(shè)置一個(gè)外邊距或一些內(nèi)邊距： p {textindent: 5em。} 使用百分比值 textindent 可以使用所有長(zhǎng)度單位，包括百分比值。換句話說(shuō)，如果將縮進(jìn)值設(shè)置為 20%，所影響元素的第一行會(huì)縮進(jìn)其父 元素寬度的 20%。} p {textindent: 20%。} divinner {textindent: 10%。} div id=outer div id=innersome text. some text. some text. pthis is a paragragh./p /div /div 以上標(biāo)記中的段落也會(huì)縮進(jìn) 50 像素，這是因?yàn)檫@個(gè)段落繼承了 id 為 inner 的 div 元素的縮進(jìn)值。它的前 3 個(gè)值相當(dāng)直接，不過(guò)第 4 個(gè)和第 5 個(gè)則略有些復(fù)雜。 西方語(yǔ)言都是從左向右讀，所有 textalign 的默認(rèn)值是 left。對(duì)于希伯來(lái)語(yǔ)和阿拉伯語(yǔ)之類的的語(yǔ)言， textalign 則默認(rèn)為 right，因?yàn)檫@些語(yǔ)言從右向左讀。 提示： 將塊級(jí)元素或表 元素居中，要通過(guò)在這些元素上適當(dāng)?shù)卦O(shè)置左、右外邊距來(lái)實(shí)現(xiàn)。 CENTER 不僅影響文本，還會(huì)把整個(gè)元素居中。元素本身不會(huì)從一段移到另一端，只是其中的文本受影響。 在兩端對(duì)齊文本中，文本行的左右兩端都放在父元素的內(nèi)邊界上。您也許已經(jīng)注意到了，兩端對(duì)齊文本在打印領(lǐng)域很常見(jiàn)。如需了解詳情，請(qǐng)參閱 CSS textalign 屬性參考頁(yè) 。其默認(rèn)值 normal 與設(shè)置值為 0 是一樣的。如果提供一個(gè)正長(zhǎng)度值，那么字之間的間隔就會(huì)增加。} {wordspacing: 。 字母間隔 letterspac