了解如何在 Dreamweaver 中套用、移除或重新命名 CSS 類別樣式
在 Dreamweaver 和更高版本中,CSS 樣式面板已由 CSS 設計工具所取代。如需詳細資訊,請參閱 CSS 設計工具。
類別樣式是能夠套用到文件中任何文字 (不論是哪個標籤控制這些文字) 的唯一 CSS 樣式類型。所有與目前文件相關聯的類別樣式都會顯示在「CSS 樣式」面板 (在名稱前帶有句號 [.]),也會顯示在文字「屬性」檢視窗的「樣式」彈出式選單中。
您會看到大部分的樣式都立即更新了,但是您仍然應該在瀏覽器中預覽頁面,以確認樣式是否如預期般套用。當您套用兩個以上樣式到相同的文字時,這些樣式有可能會發生衝突,因此產生無法預期的結果。
當預覽在外部 CSS 樣式表中定義的樣式時,請確定儲存樣式表,以確保在瀏覽器中預覽頁面時會立即反應變更。
套用 CSS 類別樣式
-
在文件中選取您要套用 CSS 樣式的文字。
將插入點置於段落中,以將樣式套用到整個段落。
如果您在單一段落中選取一段文字範圍,CSS 樣式只會影響選取的範圍。
若要指定應該套用 CSS 樣式的確切標籤,請在「文件」視窗左下方的標籤選取器中選取標籤。
-
若要套用類別樣式,請執行下列其中一項作業:
在「CSS 樣式」面板中 (「視窗>CSS 樣式」) 選取「全部」模式,以右鍵按一下要套用的樣式名稱,再從快顯選單中選取「套用」。
在 HTML「屬性」檢視窗中,從「類別」彈出式選單中選取要套用的類別樣式。
在「文件」視窗中,按一下右鍵 (Windows) 或 Control+按一下 (Macintosh) 選取的文字,在快顯選單中選取「CSS 樣式」,然後再選取要套用的樣式。
選取「格式 > CSS 樣式」,然後在子選單中選取您要套用的樣式。
移除選取範圍中的類別樣式
-
選取要移除樣式的物件或文字。
-
在 HTML「屬性」檢視窗 (「視窗 > 屬性」) 中,選取「類別」彈出式選單裡的「無」。
重新命名類別樣式
-
在「CSS 樣式」面板中,以右鍵一下要重新命名的 CSS 類別樣式,然後選取「重新命名類別」。註解:
您也可以透過選取「CSS 樣式」面板選項選單中的「重新命名類別」,重新命名類別。
-
在「重新命名類別」對話方塊中,請確定已在「重新命名類別」彈出式選單中選取要重新命名的類別。
-
在「新增名稱」文字方塊中,輸入新類別的新名稱,然後按一下「確定」。
如果您要重新命名的類別是目前文件的內部檔頭,Dreamweaver 會變更類別名稱以及目前文件中所有類別名稱的實體。如果您要重新命名的類別是在外部 CSS 檔案中,Dreamweaver 會開啟該檔案並變更檔案中的類別名稱。Dreamweaver 也會啟動整個網站的「尋找和取代」對話方塊,讓您可以在網站中搜尋舊類別名稱的所有實體。