Dreamweaver CS6插入和设置Div对象.pdf
版权申诉
99 浏览量
2022-07-10
14:53:45
上传
评论
收藏 1.17MB PDF 举报
Dreamweaver CS6插入和设置Div对象
本文来自 九州书源 《Dreamweaver CS6网页制作》 清华大学出版社 2015年
摘 要：本文档主要介绍Div对象的插入与设置方法及Div+CSS布局的基本操作方法。
关键词： Dreamweaver CS63插入和设置3Div对象
1 Div 对象的插入和设置
Div 是 HTML 中最重要的一类标签元素，它作为布局的容器，可以包含本身及其 HTML 网页中的所
有元素。而在布局方面，除了 Table 和框架布局外，还可以使用 Div 对网页进行灵活地布局。下面将介
绍 Div 对象的插入和设置方法。
（1）插入 Div 对象
在 Dreamweaver CS6 中插入 Div 对象的方法非常简单，只需要将插入点定位到目标位置，选择
【插
入】/【布局对象】/【Div 标签】命令或在“插入”浮动面板的“常 用”分类列表中单击“插入 Div 标
签”按钮，在打开的对话框中即可设置“类”和“ID”名称， 单击“确定”按钮，完成 Div 对象的插入。
图 1 插入 Div 对象
（2）设置 Div 对象
在网页中插入 Div 标签对象的过程中，可通过打开的“插入 Div 标签”对话框设置 Div 标签的 CSS
规则外，还可在插入 Div 对象后，通过选择插入的 Div 对象，在该标签“属性”面板的 “Div ID”或
“类”下拉列表框中重新选择 CSS 规则，重新应用 CSS 规则样式。
图 2 设置 Div 对象
2 用Div+CSS布局网页
在目前的网页设计中，一般都采用 Div+CSS 的方式进行网页布局，这种方式摒弃了原始的表格布
局方法，将 Div 标签元素作为布局元素的容器，通过 CSS 样式的各种规则来对 Div 进行样式定义，从而
实现页面的布局和外观修饰。在第 7 章已经对 CSS 进行了相关的介绍。
1 / 4
Dreamweaver CS6 插入和设置 Div 对象
资源评论
