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 规则的前提下，能够帮助我们更好地管理和维护网站。