软件开发培训班 >> 创意设计 >> Dreamweaver


Dreamweaver入门 使用CSS设置页面格式

　　创建新的样式表

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

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

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

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



　

　　内联样式是在 HTML 文档中的特定标签实例中定义的 。例如，

仅对用含有内联样式的标签设置了格式的段落定义字体大小 。

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

　　选择"文件">"新建" 。

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

Dreamweaver入门使用CSS设置页面格式(2)

创建新的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) 。

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

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

Dreamweaver入门使用CSS设置页面格式(2)

完成后的代码

　　若要显示该指南，请选择"帮助">"参考"，然后从"参考"面板的弹出式菜单中选择"O'Reilly CSS 参考" 。保存样式表 。



[1]　[2]　[3]　[4]　[5]　[6]　[7]　[8]　[9]　[下一页]