dw中css页面布局结构是什么？怎么添加自定义？

dw中的css页面布局使用层叠样式表格式（而不是传统的 HTML 表格或框架），主要用于组织网页上的内容。本文小编来告诉大家css页面布局的结构是什么以及怎么在选项列表中添加自定义css布局。

css 布局是什么？

css布局的基本构造块是 div 标签，它是一个 HTML 标签，在大多数情况下用作文本、图像或其他页面元素的容器。当您创建 CSS 布局时，会将 div 标签放在页面上，向这些标签中添加内容，然后将它们放在不同的位置上。与表格单元格（被限制在表格行和列中的某个现有位置）不同，div 标签可以出现在网页上的任何位置。可以以绝对方式（通过指定 x 和 Y 坐标）或以相对方式（通过指定其与当前位置的相对位置）定位 div 标签。还可通过指定浮动、填充和边距（当今 Web 标准的首选方法）放置 div 标签。

怎么在选项列表中添加自定义css布局？

1、创建一个 HTML 页面，该页面包含想要添加到选项列表中的 CSS 布局。该布局的 CSS 必须驻留在 HTML 页面的头部。

2、将 HTML 页面添加到 Adobe Dreamweaver CS5\Configuration\BuiltIn\Layouts 文件夹中。

3、将布局的预览图像（例如 .gif 或 .png 文件）添加到 Adobe Dreamweaver CS5\Configuration\BuiltIn\Layouts 文件夹中。随 Dreamweaver 提供的默认图像是 227 像素宽、193 像素高的 PNG 文件。

4、下一步为自定义布局创建一个备注文件，方法是：打开 Adobe Dreamweaver CS5\Configuration\BuiltIn\Layouts\_notes 文件夹，复制并粘贴该文件夹中的任何现有备注文件，然后针对自定义布局重命名该副本。例如，可以复制 oneColElsCtr.htm.mno 文件，将它重命名为 myCustomLayout.htm.mno。

5、最后为自定义布局创建备注文件后，可以打开该文件，指定布局名称、说明和预览图像。

以上就是关于dw中css布局的知识，在操作时我们需要先了解css布局的概念，从而才能熟练掌握css布局的具体运用。