每个HTM标签具有的样式属性 *边距指围绕箱框的透明区域,包括上、下、左、 右边距。四个边距可以设置不同值。边距的默认 值不等于O *body的边距就决定了页面本身的边界 留白指箱框的边框与其内容之间的透明区域,包 括上、下、左、右留白。亦可设置四个不同值。 留白的默认值等于O。 *箱框的边框(或边界)位于箱框的边距区与留白 区之间,包括上、下、左、右边框,定义了箱框 的界线。边框默认是透明的,你可以分别设定每 个边框的宽度、颜色以及样式
每个HTML标签具有的样式属性 边距指围绕箱框的透明区域，包括上、下、左、 右边距。四个边距可以设置不同值。边距的默认 值不等于0。 body的边距就决定了页面本身的边界。 留白指箱框的边框与其内容之间的透明区域，包 括上、下、左、右留白。亦可设置四个不同值。 留白的默认值等于0。 箱框的边框（或边界）位于箱框的边距区与留白 区之间，包括上、下、左、右边框，定义了箱框 的界线。边框默认是透明的，你可以分别设定每 个边框的宽度、颜色以及6 样式
Di标签与页面布局 *一个Dv标签自身是不会产生任何显示效果的,除 非你用CSS规则专门为其作了设定。Di标签的边 距、留白、边框默认值为O。 *页面内的Dⅳ标签将在页面内设定区域,之后你把 页面内容如文本、图像等直接放在这个区域内。 *“绘制APDⅳv”功能可创建精确定位的箱框 *通常页面内不同的位置有不同的样式,因此非常 适合使用D及对应的DCSS规则,当然也不排除 对D使用类CSS规则
Div标签与页面布局 一个Div标签自身是不会产生任何显示效果的，除 非你用CSS规则专门为其作了设定。Div标签的边 距、留白、边框默认值为0。 页面内的Div标签将在页面内设定区域，之后你把 页面内容如文本、图像等直接放在这个区域内。 “绘制AP Div”功能可创建精确定位的箱框。 通常页面内不同的位置有不同的样式，因此非常 适合使用Div及对应的ID CSS规则，当然也不排除 对Div使用类CSS规则。 7
2.Dv与 AP DiV *APDⅳ在设计视图内可以被随意拖动以及手工调整大小 *Dⅳv在设计视图内不能拖动,也不能手工调整大小 *通过修改D的CSS属性 position的值( absolute或 relative), 使得APDv与Di可以相互转化 # container的CSs规则定义 Position(P))absolute Visibility Width Cw) Z-Index (z) Height a) Overflow F) Placement Top(0): Right ( R) (G) Bottom (B) Left L): 96 Left o) 帮助00 匚确定取消应用0
2. Div 与 AP Div AP Div在设计视图内可以被随意拖动以及手工调整大小 Div在设计视图内不能拖动，也不能手工调整大小。 通过修改Div的CSS属性position的值(absolute或relative)， 使得AP Div与Div可以相互转化。 8
APDv与Div的主要区别1 *绝对定位的元素脱离了HTML内容的正常秩 序,它不考虑周围的元素(如周围的文本 相邻的Div),它总是准确地出现在为它指 定的坐标上。 aP DiV的“Z轴”属性用于解 决堆叠问题。 *一个被设为“相对定位”的元素会考虑相 邻HTML内容的正常秩序
AP Div与Div的主要区别(1) 绝对定位的元素脱离了HTML内容的正常秩 序，它不考虑周围的元素（如周围的文本、 相邻的Div），它总是准确地出现在为它指 定的坐标上。AP Div的“Z轴”属性用于解 决堆叠问题。 一个被设为“相对定位”的元素会考虑相 邻HTML内容的正常秩序。 9
APDv与Div的主要区别(2) *当使用“绘制APDv”作版面设计时, Dreamweaver自动地创建|DCSS规则,它设 定了应用于特定箱框的样式信息,包括 置、宽度、高度等。 *当使用“插入Di标签”作版面设计时, Dreamweaver要求你为每个箱框创建或指派 个DCSS规则
AP Div与Div的主要区别(2) 当使用“绘制AP Div”作版面设计时， Dreamweaver自动地创建ID CSS规则，它设 定了应用于特定箱框的样式信息，包括位 置、宽度、高度等。 当使用“插入Div标签”作版面设计时， Dreamweaver要求你为每个箱框创建或指派 一个ID CSS规则。 10