在網頁設計時，如果不設置文本的字體(tǐ)和大(dà)小(xiǎo)，浏覽器将以3号宋體(tǐ)來顯示文本，看上去(qù)很不美觀。實踐證明漢字字體(tǐ)隻有9磅(point，簡稱pt)的宋體(tǐ)看起來最美觀，這種字體(tǐ)被廣泛應用于絕大(dà)多數的中(zhōng)文站點中(zhōng)。但通過文本屬性面闆無法設置這種字體(tǐ)的大(dà)小(xiǎo)，隻有求助于 CSS 了。
 
1.設計目标

應用css樣式分(fēn)别對标題及正文進行文本格式化，浏覽效果如圖所示。
 
2.頁面分(fēn)析

在圖所示的網頁文件中(zhōng)，分(fēn)别對标題及正文進行了以下(xià)設置:

标題(Heading):黑體(tǐ)、12磅、加粗、文字顔色爲黃色(#FFFF00)、背景 顔色爲綠色(#00CC00)、字間距3像素(pixels)、文本居中(zhōng)對齊； 


正文:宋體(tǐ)、9磅、行間距180%、文字顔色爲綠色(#009900)、首行縮進2字符。
 
3.素材準備

源文件存放(fàng)在本地站點的example文件夾下(xià)，文件名爲ex10-1.htmo
 
4.實現步驟

打開(kāi)ex10-hm文件，将其另存爲ex10-2.htm。先創建網站設計樣式，再應用樣式。