CSS樣式表應用技巧兩則

　　一、 去除超級連結的底線以及在超級連結上實現滑鼠移至上方變色:
　　在預設情況下，用DreamWeaver設計的網頁中的超級連結都有底線，看上去不大美觀。要去除這些討厭的底線,很多報刊介紹的方法都是在HTML原始碼中手工加入一段代碼，其實在DreamWeave中很容易去除連結的底線。首先在DreamWeaver的Document Windows中隨便建立一個連結，你可以看到這個連結會有底線。怎樣去除這條底線呢?
　　1.在點擊功能表列上的"Text"|"CSS Styles"| "Edit Style Sheet…"(或者直接按快速鍵Ctrl+shift+E),調出Edit Style Sheet(編輯樣式表)對話方塊視窗。
　　2.點擊"New (建立)"，然後在"New Style (新樣式)"對話方塊中，點擊"Use CSS Selector"按鈕。
　　3.在Selector欄中鍵入a, 然後點OK。
　　4.隨後彈出"CSS 樣式定義"對話方塊，在Type類的decoration(裝飾)中，勾選none，然後點OK，再點Done。你將立刻在Document Windows中發現連結的底線已經消失了。那麼又怎樣實現當滑鼠移至上方在連結上時連結變色呢?重複上述步驟中的的第一、第二步。然後點選Selector旁的下拉式箭頭，選擇"a:hover",再點OK。在隨後彈出的 "Style definition for a: hover"對話方塊中，在Type類的color中任意選擇一種顏色(比如選擇紅色)，然後點OK，再點Done便完成了。按F12預覽，將滑鼠放在連結上，該連結是不是變成了紅色?如果在剛才的"Style definition for a: hover"對話方塊中，在Backgroud(背景)類裡，選擇backgroud的顏色為綠色，那麼當你把滑鼠放在超級連結上時，不但連結會變成紅色，而且還會有綠色的背景。事實上，通過剛才的CSS 樣式定義對話方塊，你還可以實現更多的特殊效果，有興趣的朋友不妨去好好琢磨一下。
　　二、建立可反覆使用的外部CSS樣式表
　　用DreamWeaver在某網頁中建立了一種CSS樣式後，如果你要在另外的網頁中應用該樣式，你不必從新建立該CSS樣式，只要你建立了外部CSS樣式表檔案(external CSS style sheet)，你便可以在今後任意調用該樣式表檔案中的樣式。為了便於管理，先在網站所在檔案夾中，建立一個檔案夾，取名為CSS，專門用於放置外部樣式表檔案(其副檔名為css)。
　　1、在Document Window中按Ctrl+shift+E，調出Edit Style Sheet(編輯樣式表)對話方塊視窗
　　2、點擊"link"。
　　3、在彈出的Link External Style Sheet(連結外部樣式表)對話方塊，點BROWSE，找到剛才建立的CSS檔案夾。
　　4、在Select Stylesheet File (選擇樣式表檔案)視窗"檔案名稱"欄中，鍵入*.css (*可以為任意名)，請注意，事實上此時在CSS檔案夾中並無樣式表檔案，在"檔案名稱"欄中鍵入的新名字將成為外部樣式表新檔案的名字。比如鍵入title.css，,然後點Select | OK。