创建新的 CSS 规则

使用“CSS 样式”面板创建自定义的 CSS 规则或类样式。类样式使您可以设置任何范围或文本块的样式属性，并可以应用到任何 HTML 标签。

1. 在“CSS 样式”面板中，单击面板右下角的“新建 CSS 规则”。
2. 在“新建 CSS 规则”对话框中，从“选 择器类型”选项中选择“类”。该选项应该是默认选中的。
3. 在“名称”文本框中输入 .bold。

   确保在单词“bold”前键入句点 (.)。所有类样式必须以句点开头

4. 在“定义在”弹出式菜单中，选择 web.css。该文件应该是默认选中的。
5. 单击“确定”。

   出现“CSS 规则定义”对话框，表示您正在 web.css 文件中创建一个称为 .bold 的类样式。

6. 在“CSS 规则定义”对话框中，执行下面的操作：
   • 在“字体”文本框中，输入 Verdana, sans-serif。
   • 在“大小”文本框中，输入 11，并在紧靠其右的弹出式菜单中选择像素。
   • 在“行高”文本框中，输入 18，并在紧靠其右的弹出式菜单中选择像素。
   • 从“粗细”弹出式菜单中选择“粗体”。
   • 在“颜色”文本框中，输入 #990000。
7. 单击“确定”。
8. 单击“CSS 样式”面板顶部的“所有”按钮。
9. 若未展开 web.css 类别，则单击该类别旁边的加号 (+) 按钮。

   您可以看到，Dreamweaver 已将 .bold 类样式添加到在外部样式表中定义的规则列表中。如果您在“所有规则”窗格中单击 .bold 规则，则该规则的属性将出现在“属性”窗格中。新规则还出现在“属性”检查器的“样式”弹出式菜单中。