從 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)。

更快、更輕鬆地獲得協助

新的使用者?