Dreamweaver是一款強大的 HTML & CSS 編輯器，在使用過程中新建 CSS 規則是必不可少的一個步驟。

首先，我們需要在 Dreamweaver 中打開一個 HTML 頁面，并切換到“分離模式”（CSS 文件與 HTML 文件分開）。隨后，我們便可以在右側的“CSS Designer”面板中找到“新建規則”按鈕，點擊即可進入“新建規則”的編輯界面。

/* 示例代碼 */
h1 {
font-size: 28px;
color: #333;
text-align: center;
}

在編輯界面中，我們可以選擇要應用規則的元素（或類、ID），并可以添加需要的 CSS 樣式屬性。例如，我們可以為標題元素 h1 設置字體大小、顏色和對齊方式，代碼如上所示。

在添加完 CSS 屬性后，我們需要點擊“應用”按鈕，若頁面中已經存在該元素，樣式將被自動應用在頁面上；若頁面中不存在該元素，Dreamweaver 會為我們自動生成相應的 HTML 代碼。

此外，Dreamweaver 還支持“重命名”、“刪除”等操作，以幫助我們更好地管理 CSS 規則。同時，通過“應用到集合”功能，我們可以將同樣的樣式應用到多個不同的元素上，從而提高效率。

總結而言，Dreamweaver 中的新建 CSS 規則可以幫助我們輕松地為 HTML 元素添加樣式，使頁面更加美觀、生動。同時，在正確使用新建 CSS 規則的前提下，能夠幫助我們更好地管理和維護網站。