Dreamweaver 4 簡明教學(五、讓你的網頁更漂亮之四)

作者：Eve Cole 更新時間：2009-05-30 18:35:57

樣式表讓文字更添風采

上面講到的，都是一些最基本的對文字的設置，如果想在文字上玩出更多的花樣，就需要藉助樣式表的幫忙了。

在編輯狀態，按Shift+F11，可進入樣式表對話框（CSS Styles）：

點擊右下角的

，新建一個樣式：

如上圖，在Name 處為你的樣式取一個名字，Dreamweaver 預設會在名字前面一個小數點，目的是避免與其他HTML標記混淆，例如我在這裡起的名字是「myfont」（將unamed1改為myfont）；Define 是選擇使用外部樣式表還是只在本頁建立樣式（This Document Only），我們選擇前者，這樣就可以多頁共用一個樣式表，確定按OK。

再接著的對話框中，輸入樣式表文件的名稱，例如是“myfont”，按“儲存”，這樣就產生了一個叫myfont.css的樣式表文件，如上圖。

依照上圖所示設定樣式，Size 是文字的大小，我們設為9 points（簡稱9pt）；Line 是行距我們設為13 points（另一種常見的設定方法是150%），這樣就得到了所謂的9磅字體。設定完畢後，按下ok返回樣式表對話框，可以看到一個叫「myfont」的樣式已經加入了，請見下圖。

接著，你可以選取一段文字，然後在樣式對話框裡選擇myfont，怎麼樣？文字是不是變得精緻了許多？ 9磅字體是宋體在不變形的前提下能顯示得最小最精緻的大小，因而在網頁製作中被廣泛採用。

除了9磅字外，還有10.4Pixel的字體，是介於12pt和9pt之間的，也常被使用到，大家可以自己試試看。

如果需要在其他頁面引用現有的樣式表，可以在樣式表對話方塊上點

。另外，

是編輯已有的樣式，

是刪除一個樣式。