套用、移除或重新命名 CSS 類別樣式

上次更新時間 2019年5月6日

了解如何在 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 也會啟動全網站的「尋找和取代」對話框,讓您可以搜尋網站中舊類別名稱的所有實例。