選取「視窗>CSS 樣式」,即可開啟「CSS 樣式」面板。
上次更新時間
2021年4月29日
註解:
在 Dreamweaver CC 和更新版本中,CSS 樣式面板已由 CSS 設計工具所取代。如需詳細資訊,請參閱 CSS 設計工具。
您可以輕鬆地編輯已經套用到文件的內部和外部規則。
編輯控制文件中文字的 CSS 樣式表時,將會立即重新格式化這個 CSS 樣式表所控制的所有文字。編輯外部樣式表將會影響所有連結到外部樣式表的文件。
您可以設定外部編輯器,用於編輯樣式表。
在 CSS 樣式面板中編輯規則 (目前模式)
-
-
按一下「CSS 樣式」面板上方的「目前」按鈕。
-
選取目前頁面中的文字元素,以顯示其屬性。
-
請執行下列其中一項作業:
按兩下「選取範圍摘要」窗格中的屬性以顯示「CSS 規則定義」對話方塊,然後開始進行變更。
在「選取範圍摘要」窗格中選取屬性,然後在下方的「屬性」窗格中編輯屬性。
在「規則」窗格中選取規則,然後在下方的「屬性」窗格中編輯規則的屬性。
註解:您可以變更 Dreamweaver 偏好設定,即可變更編輯 CSS 所用的按兩下行為以及其他行為。
在 CSS 樣式面板中編輯規則 (全部模式)
-
選取「視窗>CSS 樣式」,即可開啟「CSS 樣式」面板。
-
按一下「CSS 樣式」面板上方的「全部」按鈕。
-
請執行下列其中一項作業:
按兩下「所有規則」窗格中的規則以顯示「CSS 規則定義」對話方塊,然後開始進行變更。
在「所有規則」窗格中選取規則,然後在下方的「屬性」窗格中編輯規則的屬性。
在「所有規則」窗格中選取規則,然後按一下「CSS 樣式」面板右下角的「編輯樣式」按鈕。
註解:您可以變更 Dreamweaver 偏好設定,即可變更編輯 CSS 所用的按兩下行為以及其他行為。
變更 CSS 選取器的名稱
-
在「CSS 樣式」面板 (「全部」模式) 中選取要變更的選取器。
-
再按一下選取器,即可編輯名稱。
-
開始進行變更並按住 Enter 鍵 (Windows) 或 Return 鍵 (Macintosh)。