註解:

在 Dreamweaver CC 和更新版本中,CSS 樣式面板已由 CSS 設計工具所取代。如需詳細資訊,請參閱 CSS 設計工具。

類別樣式是能夠套用到文件中任何文字 (不論是哪個標籤控制這些文字) 的唯一 CSS 樣式類型。所有與目前文件相關聯的類別樣式都會顯示在「CSS 樣式」面板 (在名稱前帶有句號 [.]),也會顯示在文字「屬性」檢視窗的「樣式」彈出式選單中。

您會看到大部分的樣式都立即更新了,但是您仍然應該在瀏覽器中預覽頁面,以確認樣式是否如預期般套用。當您套用兩個以上樣式到相同的文字時,這些樣式有可能會發生衝突,因此產生無法預期的結果。

註解:

當預覽在外部 CSS 樣式表中定義的樣式時,請確定儲存樣式表,以確保在瀏覽器中預覽頁面時會立即反應變更。

套用 CSS 類別樣式

  1. 在文件中選取您要套用 CSS 樣式的文字。

    將插入點置於段落中,以將樣式套用到整個段落。

    如果您在單一段落中選取一段文字範圍,CSS 樣式只會影響選取的範圍。

    若要指定應該套用 CSS 樣式的確切標籤,請在「文件」視窗左下方的標籤選取器中選取標籤。

  2. 若要套用類別樣式,請執行下列其中一項作業:
    • 在「CSS 樣式」面板中 (「視窗>CSS 樣式」) 選取「全部」模式,以右鍵按一下要套用的樣式名稱,再從快顯選單中選取「套用」。

    • 在 HTML「屬性」檢視窗中,從「類別」彈出式選單中選取要套用的類別樣式。

    • 在「文件」視窗中,按一下右鍵 (Windows) 或 Control+按一下 (Macintosh) 選取的文字,在快顯選單中選取「CSS 樣式」,然後再選取要套用的樣式。

    • 選取「格式 > CSS 樣式」,然後在子選單中選取您要套用的樣式。

移除選取範圍中的類別樣式

  1. 選取要移除樣式的物件或文字。
  2. 在 HTML「屬性」檢視窗 (「視窗 > 屬性」) 中,選取「類別」彈出式選單裡的「無」。

重新命名類別樣式

  1. 在「CSS 樣式」面板中,以右鍵一下要重新命名的 CSS 類別樣式,然後選取「重新命名類別」。

    註解:

    您也可以透過選取「CSS 樣式」面板選項選單中的「重新命名類別」,重新命名類別。

  2. 在「重新命名類別」對話方塊中,請確定已在「重新命名類別」彈出式選單中選取要重新命名的類別。
  3. 在「新增名稱」文字方塊中,輸入新類別的新名稱,然後按一下「確定」。

    如果您要重新命名的類別是目前文件的內部檔頭,Dreamweaver 會變更類別名稱以及目前文件中所有類別名稱的實體。如果您要重新命名的類別是在外部 CSS 檔案中,Dreamweaver 會開啟該檔案並變更檔案中的類別名稱。Dreamweaver 也會啟動整個網站的「尋找和取代」對話方塊,讓您可以在網站中搜尋舊類別名稱的所有實體。

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策