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