定义 CSS 样式方框属性

使用“CSS 规则定义”对话框的“方框”类别可以为控制元素在页面上的放置方式的标签和属性定义设置。

可以在应用填充和边距设置时将设置应用于元素的各个边，也可以使用“全部相同”设置将相同的设置应用于元素的所有边。

若要定义元素在页面上的放置方式，请执行以下操作：

1. 如果尚未打开“CSS 样式”面板，请打开该面板（按 Shift+F11 键）。
...

链接到或导出外部 CSS 样式表

编辑外部 CSS 样式表时，链接到该 CSS 样式表的所有文档全部更新以反映所做的编辑。可以导出文档中包含的 CSS 样式以创建新的 CSS 样式表，然后附加或链接到外部样式表以应用那里所包含的样式。

当然，您可以将创建的任何样式表附加到页面或复制到站点中。此外，Dreamweaver 附带了预置的样式表，这些样式表可以自动移入站点并附加到页面。有关如何使用 Dreamweaver 附带的设计样式表的信息，请参见创建基于 Dreamweaver 设计文件的文档。

使用设计时间样式表设计时间样式表使得当您在处理 Dreamweaver 文档时可以显示或隐藏 CSS 样式表所应用的设计。例如，可以使用此选项在设计页面时包括或排除只限于 Macintosh 或只限于 Windows 的样式表。（文章整理：青岛SEO 编辑：相逢在昨天）只有当您正在处理 Dreamweaver 文档时，设计时间样式表才能得到应用；当页面显示在浏览器窗口中时，只有实际附加或嵌入到文档

了解基于 CSS 的页面布局

许多 Web 站点都使用基于表格的布局显示其页面上的信息。表格对于显示表格数据（如重复元素的行和列）很有用，并且很容易在页面上创建。但表格往往还会生成大量难于阅读和维护的代码。此外，由于所需的标签数量很大，并且可能需要进行“嵌套”，因此表格可能会给使用屏幕读取器查看 Web 页的残障人士带来不便。

基于 CSS 的布局（即，使用块元素代替表格行和列的布局）所包含的代码数量要比具有相同特性的基于表格的布局中的代码数量少很多。基于 CSS 的布局通常使用 <div> 标签，而不是 <table> 标签来创建用于布局的 CSS 布局块。可以将这些 CSS 布局块放置在页面上的任意位置，并为它们指定属性，如边框、边距、背景颜色等。此外，由于代码更为简单和短小，因此使用屏幕读取器查看 Web 页的用户可以更容易地浏览使用 CSS 构建的页面。