创建新的样式表

首先，您将创建包含 CSS 规则（定义段落文本样式）的外部样式表。在外部样式表中创建样式时，可以在一个中央位置同时控制多个 Web 页面的外观，而不需要为每个 Web 页面分别设置样式。

关于…

关于 CSS 规则的更多信息

CSS 规则可以位于以下位置：

外部 CSS 样式表是存储在一个单独的外部 .css 文件（并非 HTML 文件）中的一系列 CSS 规则。利用文档 head 部分中的链接，该 .css 文件被链接到 Web 站点中的一个或多个页面。

内部（或嵌入式）CSS 样式表是包含在 HTML 文档 head 部分的 style 标签内的一系列 CSS 规则。例如，下面的示例为已设置段落标签的文档中的所有文本定义字体大小：

<head>
<style> 
   p{
   font-size:80px
   }
</style>
</head>

内联样式是在 HTML 文档中的特定标签实例中定义的。例如，<p style=“font-size: 9px”> 仅对用含有内联样式的标签设置了格式的段落定义字体大小。

Dreamweaver 会呈现您所应用的大多数样式属性并在“文档”窗口中显示它们。您也可以在浏览器窗口中预览文档以查看样式的应用情况。有些 CSS 样式属性在 Microsoft Internet Explorer、Netscape Navigator、Opera 和 Apple Safari 中呈现的外观不相同。

选择“文件”>“新建”。
在“新建文档”对话框中的“类别”列中选择“基本页”，在“基本页”列中选择“CSS”，然后单击“创建”。

空白样式表将出现在“文档”窗口中。“设计”视图和“代码”视图按钮已被禁用。CSS 样式表是纯文本文件，其内容将不会用于在浏览器中查看。
将该页保存（“文件”>“保存”）为 cafe_townsend.css。
保存样式表时，请确保将其保存到 cafe_townsend folder 文件夹（您的 Web 站点的根文件夹）中。

在样式表中键入以下代码：

p{
font-family: Verdana, sans-serif;
font-size: 11px;
color: #000000;
line-height: 18px;
padding: 3px;
}

当您键入代码时，Dreamweaver 将使用代码提示为您建议一些选项，以帮您完成输入。当看到希望 Dreamweaver 为您完成键入的代码时，请按 Enter 键 (Windows) 或 Return 键 (Macintosh)。

不要忘记在每行结尾处的属性值后面加上一个分号。

完成后的代码类似于下面的示例：

这是所描述的功能的图片。

提示

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

保存样式表。

接下来，将该样式表附加到 index.html 页面中。

创建新的样式表

it168学院频道