文本屬性

如下是幾個最有用的 CSS文本屬性：

  1、text-indent 文本縮進  

p {text-indent:3em;}

假設有一個 400 像素寬的 div，包含的文本縮進 5%，則縮進的距離是 20 像素（400 的 5%）。

在這個 div 中有一個 200 像素寬的段落。做爲子元素，它繼承父元素的 text-indent 值，因此

它包含的文本也縮進。但繼承的縮進值是多少呢？不是 5%，而是 20 像素。也就是說，子元素
繼承的是根據父元素寬度計算獲得的縮進值。結果，雖然段落只有父元素一半寬，但其中的文
本也會縮進 20 像素。這樣能夠確保不管段落多寬，它們的縮進距離都同樣。固然，在子元素
上從新設定 text-indent 屬性，能夠覆蓋繼承的值。

  2、letter-spacing 字符間距

letter-spacing 爲正值時增大字符間距，爲負值時縮小間距
① 。不管設定字體大小時
使用的是什麼單位，設定字符間距必定要用相對單位，以便字間距能隨字體大小同
比例變化。

  3、word-spacing 單詞間距

單詞間距與字符間距很是類似，區別在於它只調整單詞間距，而不影響字符間距。
CSS把任何兩邊有空白的字符和字符串都視做「單詞」

  4、text-decoration 文本裝飾

值： underline 、 overline 、 line-through 、 blink 、 none 。
示例： .retailprice {text-decoration:line-through;} 。

  5、text-align 文本對齊

值： left 、 right 、 center 、 justify 。
示例： p {text-align:right;} 。
text-align 屬性只有 4 個值， left 、 right 、 center 和 justify ，控制着文本在水平
方向對齊的方式。其中， center 值也能夠用來在較大的元素中居中較小的固定寬度
的元素或圖片。圖 4-10展現了 text-align 屬性 4個值的實際效果。

  6、line-height 行高

值：任何數字值（不用指定單位） 。
示例： p {line-height:1.5;} 。

  7、text-transform 文本轉換

值： none 、 uppercase 、 lowercase 、 capitalize 。
示例： p {text-transform:capitalize;} 。
text-transform 屬性用於轉換元素中文本的大小寫，它能夠設定英文文本首字母大
寫、所有字母大寫和所有字母小寫。

  8、vertical-align 垂直對齊

值：任意長度值以及 sub 、 super 、 top 、 middle 、 bottom 等。 示例： span {vertical-align:60%;} 。 vertical-align 以基線爲參照上下移動文本，但這個屬性隻影響行內元素。若是你 想在垂直方向上對齊塊級元素， 必須把其 display 屬性設定爲 inline 。 vertical-align 屬性最經常使用於公式或化學分子式中的上標和下標，好比 x 4 -y -5 或 N 3 O，或者用於文本 中腳註的角標，好比把星號變成上角標。我我的不太喜歡瀏覽器爲上標設定的默認 樣式，我以爲有點大，位置也有點高（下標的位置有點低） 。寫一點樣式就能夠獲得 更好的效果，並且可以跨瀏覽器保持相同比例。