文字

控制文字的外觀屬性有分為兩種，一種是直接影響字體以及字本身的外觀屬性，另一種則是不限字體，對文字都有相同效果的屬性，以下是關於CSS處理文字效果的介紹。

字型與字體

font-family:這個屬性可以指定CSS內文字的字型，屬性的值為字型名稱，訪問網站的使用者電腦中需要有安裝相對應的字體才能夠正常顯示，可以指定一串字型，若電腦中沒有相對應第一順位的字體，則會往下一個指定字體尋找。 例如:font-family: Arial, Verdana, sans-serif, "Courier New",。+

font-size:此屬性用來指定字體大小，常用的單位有:px , % , em 等等。

@font-face:這個屬性可以指定連結到字型檔的路徑，連結到此網頁的用戶電腦內若沒有此字型，就會進行下載並顯示在頁面。
但要注意的是這個方式允許字型下載到用戶電腦，所以關於字體授權的部分要特別小心。
關於font-face用法範例如下:

@font-face{
   font-family: test1;
   src: url(fonts/test1.ttf) format("opentype");
}

font-family:這個屬性用來指定字型名稱，在接下來的CSS中可以使用這個屬性內的名稱作為font-family的值。

src:這個屬性為字型的路徑。

format:這個屬性用來指定字型格式，關於字型有多種格式，可參考以下表格

font-weight:指定字體粗細，可用值有normal、 bold、 100、 200、 300、 400、 500、 600、 700、 800、 900，預設為 normal。

font-style:用來製作斜體字，可用值有normal(正常樣式)、italic(斜體)、oblique(傾斜體)。

text-transform:可以改變文字大小寫，可用值有uppercase(大寫)、lowercase(小寫)、capitalize(每個單字的第一個字母大寫)。

text-decoration:可以設計或控制網頁上文字的修飾線條，常用值有none(預設值，無額外文字特效)、underline(底線特效)、overline(上方線特效)、line-through(刪除線特效)。none屬性也常用在移除瀏覽器連結文字的底線上。

line-height:可以調整文字的行距。

letter-spacing:調整字距，這個屬性調整的字距為字元與字元間的距離。

word-spacing:調整字距，與letter-spacing不同的地方在於這個屬性調整的字距為單字與單字間的距離，若用在中文上，為詞與詞之間的間距，以空格視為單字的分界，例如"早安你好"會視為一個詞，"早安 你好"則會被視為兩組詞。

text-align:可以控制文字的對齊方式，可用值為left(靠左對齊)、right(靠右對齊)、center(製中對齊)、justify(除了最後一行外，每一行都佔據容器方框的整個寬度)。

vertical-align:用來調整網頁中圖片或文字在表格內垂直方向的對齊方式，這個屬性比較常用在行內元素上，可以接受的值有baseline(預設值，在該行的基礎線上)，sub(垂直對齊該行文本的下標)、super(垂直對齊該行文本的上標)、top(垂直對齊該行標籤的最高位置)、text-top(垂直對齊該行文字的最高位置)、middle(垂直對齊該行文字的置中位置)、bottom(垂直對齊該行標籤的最低位置)、text-bottom(垂直對齊該行文字的最低位置)，也可以以百分比或像素作為單位。

text-indent:文字縮排，可用來縮排標籤內的第一行文字，可以接受負數值。

text-shadow:這個屬性為CSS3推出的功能，可以用來製造陰影，用法如下

text-shadow: 1px 1px 3px #666666;

以上分別代表為X軸方向陰影、Y軸方向陰影、模糊範圍、陰影顏色，模糊範圍為選填項目。

參考來源:

書籍:HTML&CSS 網站設計建置優化之道

CSS 網頁字型 @font-face 使用教學與範例

CSS text-decoration 屬性

CSS text-decoration 屬性