单击 p 规则。

　　在外部样式表中为 p 规则定义的所有属性和值将显示在下面的"属性"窗格中。　　

属性

　　在"文档"窗口中，在刚设置格式的两个段落中的任何位置单击一次。

　　在"CSS 样式"面板中，单击面板顶部的"当前"，然后检查您的 CSS 样式。在"当前"模式中，CSS 面板向您显示当前所选内容的属性的摘要。显示的属性与外部样式表中 p 规则的属性相对应。

　　在下一节中，您将使用"CSS 样式"面板创建新规则。使用"CSS 样式"面板创建新规则比手动键入规则容易得多，后者如同最初创建外部样式表时的操作一样。

　　创建新的 CSS 规则

　　在本节中，您将使用"CSS 样式"面板创建自定义的 CSS 规则或类样式。类样式使您可以设置任何范围或文本块的样式属性，并可以应用到任何 HTML 标签。有关不同类型的 CSS 规则的更多信息，请参见了解 CSS。

　　在"CSS 样式"面板中，单击面板右下角的"新建 CSS 规则"。　　

新建 CSS 规则

　　在"新建 CSS 规则"对话框中，从"选择器类型"选项中选择"类"。该选项应该是默认选中的。

　　在"名称"文本框中输入 .bold。

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

　　在"定义在"弹出式菜单中，选择 cafe_townsend.css。该文件应该是默认选中的。　　

在"定义在"弹出式菜单中，选择 cafe_townsend.css

　　单击"确定"。

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

　　在"CSS 规则定义"对话框中，执行下面的操作:

　　在"字体"文本框中，输入 Verdana, sans-serif。

　　在"大小"文本框中，输入 11，并在紧靠其右的弹出式菜单中选择像素。

　　在"行高"文本框中，输入 18，并在紧靠其右的弹出式菜单中选择像素。

　　从"粗细"弹出式菜单中选择"粗体"。

　　在"颜色"文本框中，输入 #990000。　　

在"颜色"文本框中，输入 #990000

　　提示有关 CSS 属性的更多信息，请参见 Dreamweaver 中包含的 O'Reilly 参考指南。若要显示该指南，请选择"帮助">"参考"，然后从"参考"面板的弹出式菜单中选择"O'Reilly CSS 参考"。

　　单击"确定"。

　　单击"CSS 样式"面板顶部的"所有"按钮。

　　若未展开 cafe_townsend.css 类别，则单击该类别旁边的加号 (+) 按钮。

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

　　将类样式应用到文本

　　现在，您已经创建了一个类规则，并将该规则应用到某些段落文本。

　　在"文档"窗口中，选择第一段中文本的前四个单词:Cafe Townsend's visionary chef。

　　在"属性"检查器("窗口">"属性")中，从"样式"弹出式菜单中选择"bold"。　　

从"样式"弹出式菜单中选择"bold"

　　"粗体"类样式将应用到您的文本。

　　重复第 2 步，将"粗体"类样式应用到第二段的前四个单词。　　

将"粗体"类样式应用到第二段的前四个单词。

　　保存页面。

　　设置导航条文本的格式

　　接下来，您将使用 CSS 将样式应用到导航条的链接文本。许多 Web 页面使用内含文本的彩色矩形图像来创建导航条。但是，如果使用 CSS，您所需要设置的只是链接文本和一些格式。通过使用 display: block 属性并设置块的宽度，您可以有效地创建矩形，而不需要另外使用图像。

　　为导航创建新规则

　　若未打开 cafe_townsend.css 文件，则打开该文件，或单击其选项卡来显示该文件。

　　定义一个新规则，方法是在该文件的 .bold 类样式后面键入以下代码:

　　.navigation {

　　}

　　这是一个空规则。