註解:

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

每當您使用 Dreamweaver 介面建立或編輯 CSS 規則時,可以設定會控制 CSS 程式碼格式的偏好設定。例如,您可以設定下列偏好設定:將所有 CSS 屬性放置在個別行、在 CSS 規則之間放置空白行等等。

當您設定 CSS 程式碼格式偏好設定時,您選取的偏好設定會自動套用到新建的所有 CSS 規則中。不過,您也可以透過手動方式將這些偏好設定套用到個別文件中。如果您需要格式化舊版 HTML 或 CSS 文件,這樣做會很有幫助。

註解:

CSS 程式碼格式偏好設定只會套用到外部或內嵌樣式表 (不套用到行內樣式) 的 CSS 規則。

設定 CSS 程式碼格式偏好設定

  1. 選取「編輯 > 偏好設定」。
  2. 在「偏好設定」對話方塊中,選取「程式碼格式」類別。
  3. 按一下「進階格式」旁的「CSS」按鈕。
  4. 在「CSS 原始碼格式選項」對話方塊中,選取您要套用到 CSS 原始碼的選項。在「預覽」視窗底下會出現根據您所選取之選項而顯示的 CSS 預覽。

    縮排屬性的方式

    設定規則內的屬性縮排值。您可以指定標籤或空格。

    每個屬性各佔一行

    將規則內的每個屬性分別放置在不同的行中。

    左大括弧另佔一行

    將規則的左大括弧放置在與選取器不同的一行上。

    只在有多個屬性時縮排

    將單一屬性值與選取器放置在同一行。

    規則的所有選取器同佔一行

    將規則的所有選取器放置在同一行上。

    規則之間留空白行

    在每個規則之間插入空白行。

  5. 按一下「確定」。

註解:

CSS 程式碼格式也會繼承您在「偏好設定」對話方塊的「程式碼格式」類別中所設定的「斷行類型」偏好設定。

手動在 CSS 樣式表中格式化 CSS 程式碼

  1. 開啟 CSS 樣式表
  2. 選取「命令 > 套用原始碼格式」。

    您在「CSS 程式碼格式」偏好設定中設定個格式選項會套用到整份文件。您無法格式化個別選取範圍。

手動格式化內嵌 CSS 程式碼

  1. 開啟 HTML 頁面,其中包含內嵌在文件檔頭的 CSS。
  2. 選取 CSS 程式碼的任意部分。
  3. 選取「命令 > 套用原始碼格式到選取範圍」。

    您在「CSS 程式碼格式」偏好設定中設定的格式選項,只會套用到文件檔頭的所有 CSS 規則。

    註解:

    您可以選取「命令 > 套用原始碼格式」,以根據特定的程式碼格式偏好設定格式化整份文件。

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

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