CSS實用教程二

七．控制文字的樣式
控制文字的樣式包括文字大小寫、文字修飾兩個部分。
1．文字大小寫
文字大小寫使網頁的設計者不用在輸入文字時就完成文字的大小寫，而可以在輸入完畢後，再根據需要對局部的文字設定大小寫。
基本格式如下：
text-transform: 參數
參數取值範圍：
·uppercase：所有文字大寫顯示
·lowercase：所有文字小寫顯示
·capitalize：每個單詞的頭字母大寫顯示
·none：不繼承母體的文字變形參數
注意：繼承是指HTML的標識符對於包含自己的標識符的參數會繼承下來。
2．文字修飾
文字修飾的主要用途是改變瀏覽器顯示文字連結時的底線。
基本格式如下：
text-decoration: 參數
參數取值範圍：
·underline：為文字加底線
·overline：為文字加上劃線
·line-through：為文字加刪除線
·blink：使文字閃爍
·none：不顯示上述任何效果
八．控制文本的樣式
控制文本的樣式包括單詞距離、字母距離、文本行距、文本水平對齊、文本垂直對齊文本縮排六個部分。
1．單詞間距
單詞間距指的是英文每個單詞之間的距離，不包括中文文字。
基本格式如下：
word-spacing: 間隔距離
間隔距離的取值：points、em、pixes、in、cm、mm、pc、ex、normal等。
2．字母間距
字母間距是指英文字母之間的距離，功能、用法，以及參數的設定和單詞間距很相似。
基本格式如下：
letter-spacing: 字母間距
3．行距
行距是指上下兩行基準線之間的垂直距離。一般地說，英文五線格練習本，從上往下數的第三條橫線就是電腦所認為的該行的基準線。
基本格式如下：
line-height: 行間距離
行間距離取值：
·不帶單位的數字：以1為基數，相當於比例關係的100%
·帶長度單位的數字：以具體的單位為準
·比例關係
注意：如果文字字型很大，而行距相對較小的話，可能會發生上下兩行文字互相重疊的現象。
4．文本水平對齊
文本水平對齊可以控制文本的水平對齊，而且並不僅僅指文字內容，也包括設定圖片、影像資料的對齊。
基本格式如下：
text-align: 參數
參數的取值：
·left：靠左對齊
·right：靠右對齊
·center：置中對齊
·justify：相對左靠右對齊
但需要注意的是，text-alight是塊級屬性，只能用於< p>、< blockquqte>、< ul>、< h1>~< h6>等標識符裡。