從 CSS 樣式面板編輯 CSS 規則

搜尋
註解：

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

您可以輕鬆地編輯已經套用到文件的內部和外部規則。

編輯控制文件中文字的 CSS 樣式表時，將會立即重新格式化這個 CSS 樣式表所控制的所有文字。編輯外部樣式表將會影響所有連結到外部樣式表的文件。

您可以設定外部編輯器，用於編輯樣式表。

在 CSS 樣式面板中編輯規則 (目前模式)

  1. 選取「視窗＞CSS 樣式」，即可開啟「CSS 樣式」面板。
  2. 按一下「CSS 樣式」面板上方的「目前」按鈕。
  3. 選取目前頁面中的文字元素，以顯示其屬性。
  4. 請執行下列其中一項作業：

    • 按兩下「選取範圍摘要」窗格中的屬性以顯示「CSS 規則定義」對話方塊，然後開始進行變更。

    • 在「選取範圍摘要」窗格中選取屬性，然後在下方的「屬性」窗格中編輯屬性。

    • 在「規則」窗格中選取規則，然後在下方的「屬性」窗格中編輯規則的屬性。

    註解：

    您可以變更 Dreamweaver 偏好設定，即可變更編輯 CSS 所用的按兩下行為以及其他行為。

在 CSS 樣式面板中編輯規則 (全部模式)

  1. 選取「視窗＞CSS 樣式」，即可開啟「CSS 樣式」面板。
  2. 按一下「CSS 樣式」面板上方的「全部」按鈕。
  3. 請執行下列其中一項作業：

    • 按兩下「所有規則」窗格中的規則以顯示「CSS 規則定義」對話方塊，然後開始進行變更。

    • 在「所有規則」窗格中選取規則，然後在下方的「屬性」窗格中編輯規則的屬性。

    • 在「所有規則」窗格中選取規則，然後按一下「CSS 樣式」面板右下角的「編輯樣式」按鈕。

    註解：

    您可以變更 Dreamweaver 偏好設定，即可變更編輯 CSS 所用的按兩下行為以及其他行為。

變更 CSS 選取器的名稱

  1. 在「CSS 樣式」面板 (「全部」模式) 中選取要變更的選取器。
  2. 再按一下選取器，即可編輯名稱。
  3. 開始進行變更並按住 Enter 鍵 (Windows) 或 Return 鍵 (Macintosh)。

更多類似項目

Adobe 標誌

登入您的帳戶

快速連結

檢視您的所有計劃 管理您的計劃

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

[Feedback V2 Badge]