CSS 文本屬性可定義文本的外觀，

字母間隔

。

　　通過文本屬性，您可以改變文本的顏色、字符間距，對齊文本，裝飾文本，對文本進(jìn)行縮進(jìn)，等等。

　　縮進(jìn)文本

　　把 Web 頁面上的段落的第一行縮進(jìn)，這是一種最常用的文本格式化效果。

　　CSS 提供了 text-indent 屬性，該屬性可以方便地實現(xiàn)文本縮進(jìn)。

　　通過使用 text-indent 屬性，所有元素的第一行都可以縮進(jìn)一個給定的長度，甚至該長度可以是負(fù)值。

　　這個屬性最常見的用途是將段落的首行縮進(jìn)，下面的規(guī)則會使所有段落的首行縮進(jìn) 5 em：

　　p {text-indent: 5em;}

　　注意：一般來說，可以為所有塊級元素應(yīng)用 text-indent，但無法將該屬性應(yīng)用于行內(nèi)元素，圖像之類的替換元素上也無法應(yīng)用 text-indent 屬性。不過，如果一個塊級元素（比如段落）的首行中有一個圖像，它會隨該行的其余文本移動。

　　提示：如果想把一個行內(nèi)元素的第一行“縮進(jìn)”，可以用左內(nèi)邊距或外邊距創(chuàng)造這種效果。

　　使用負(fù)值

　　text-indent 還可以設(shè)置為負(fù)值。利用這種技術(shù)，可以實現(xiàn)很多有趣的效果，比如“懸掛縮進(jìn)”，即第一行懸掛在元素中余下部分的左邊：

　　p {text-indent: -5em;}

　　不過在為 text-indent 設(shè)置負(fù)值時要當(dāng)心，如果對一個段落設(shè)置了負(fù)值，那么首行的某些文本可能會超出瀏覽器窗口的左邊界。為了避免出現(xiàn)這種顯示問題，建議針對負(fù)縮進(jìn)再設(shè)置一個外邊距或一些內(nèi)邊距：

　　p {text-indent: -5em; padding-left: 5em;}

　　使用百分比值

　　text-indent 可以使用所有長度單位，包括百分比值。

　　百分?jǐn)?shù)要相對于縮進(jìn)元素父元素的寬度。換句話說，如果將縮進(jìn)值設(shè)置為 20%，所影響元素的第一行會縮進(jìn)其父元素寬度的 20%。

　　在下例中，縮進(jìn)值是父元素的 20%，即 100 個像素：

　　div {width: 500px;}p {text-indent: 20%;}this is a paragragh

　　繼承

　　text-indent 屬性可以繼承，請考慮如下標(biāo)記：

　　div#outer {width: 500px;}div#inner {text-indent: 10%;}p {width: 200px;}some text. some text. some text.this is a paragragh.

　　以上標(biāo)記中的段落也會縮進(jìn) 50 像素，這是因為這個段落繼承了 id 為 inner 的 div 元素的縮進(jìn)值。

　　水平對齊

　　text-align 是一個基本的屬性，它會影響一個元素中的文本行互相之間的對齊方式。它的前 3 個值相當(dāng)直接，不過第 4 個和第 5 個則略有些復(fù)雜。

　　值 left、right 和 center 會導(dǎo)致元素中的文本分別左對齊、右對齊和居中，

電腦資料

《字母間隔》(http://m.msguai.com)。

　　西方語言都是從左向右讀，所有 text-align 的默認(rèn)值是 left。文本在左邊界對齊，右邊界呈鋸齒狀（稱為“從左到右”文本）。對于希伯來語和阿拉伯語之類的的語言，text-align 則默認(rèn)為 right，因為這些語言從右向左讀。不出所料，center 會使每個文本行在元素中居中。

　　提示：將塊級元素或表元素居中，要通過在這些元素上適當(dāng)?shù)卦O(shè)置左、右外邊距來實現(xiàn)。

　　text-align:center 與

　　您可能會認(rèn)為 text-align:center 與

　　元素的作用一樣，但實際上二者大不相同。

　　不僅影響文本，還會把整個元素居中。text-align 不會控制元素的對齊，而只影響內(nèi)部內(nèi)容。元素本身不會從一段移到另一端，只是其中的文本受影響。

　　justify

　　最后一個水平對齊屬性是 justify。

　　在兩端對齊文本中，文本行的左右兩端都放在父元素的內(nèi)邊界上。然后，調(diào)整單詞和字母間的間隔，使各行的長度恰好相等。您也許已經(jīng)注意到了，兩端對齊文本在打印領(lǐng)域很常見。

　　需要注意的是，要由用戶代理（而不是 CSS）來確定兩端對齊文本如何拉伸，以填滿父元素左右邊界之間的空間。如需了解詳情，請參閱 CSS text-align 屬性參考頁。

　　字間隔

　　word-spacing 屬性可以改變字（單詞）之間的標(biāo)準(zhǔn)間隔。其默認(rèn)值 normal 與設(shè)置值為 0 是一樣的。

　　word-spacing 屬性接受一個正長度值或負(fù)長度值。如果提供一個正長度值，那么字之間的間隔就會增加。為 word-spacing 設(shè)置一個負(fù)值，會把它拉近：

　　p.spread {word-spacing: 30px;}p.tight {word-spacing: -0.5em;}This is a paragraph. The spaces between words will be decreased.This is a paragraph. The spaces between words will be increased.

　　實例 TIY ：增加或減少單詞間距（字間隔）

　　注釋：如需深入理解 CSS 對“字”（word）的定義，請訪問 CSS word-spacing 屬性參考頁。

　　字母間隔

　　letter-spacing 屬性與 word-spacing 的區(qū)別在于，字母間隔修改的是字符或字母之間的間隔。

　　與 word-spacing 屬性一樣，letter-spacing 屬性的可取值包括所有長度。默認(rèn)關(guān)鍵字是 normal（這與 letter-spacing:0 相同）。輸入的長度值會使字母之間的間隔增加或減少指定的量：

　　h1 {letter-spacing: -0.5em}h4 {letter-spacing: 20px}This is header 1This is header 4

　　實例 TIY ：規(guī)定字符間距（字母間隔）