关于 CSS 布局可视化

在"设计"视图中工作时,Dreamweaver 允许您显现 CSS 布局块。CSS 布局块是一个 HTML 页面元素,您可以将它定位在页面上的任意位置。更具体地说,CSS 布局块是不带 display:inlinediv 标签,或者是包括 display:blockposition:absoluteposition:relative CSS 声明的任何其他页面元素。下面是几个在 Dreamweaver 中被视为 CSS 布局块的元素示例:

Dreamweaver 提供了多个可视化助理,供您查看 CSS 布局块。例如,在设计时可以为 CSS 布局块启用外框、背景和框模型。将鼠标指针移动到布局块上时,也可以查看显示有选定 CSS 布局块属性的工具提示。

下面的 CSS 布局块可视化助理列表描述 Dreamweaver 为每个助理呈现的可视化内容:

CSS 布局外框向您显示页面上所有 CSS 布局块的外框。

CSS 布局背景向您显示各个 CSS 布局块的临时指定背景颜色,并隐藏通常出现在页面上的所有其他背景颜色或图像。

每次启用可视化助理查看 CSS 布局块背景时,Dreamweaver 都会自动为每个 CSS 布局块分配一种不同的背景颜色。(Dreamweaver 使用算法自动选择颜色 ― 您无法自行指定颜色。)指定的颜色在视觉上与众不同,可帮助您区分不同的 CSS 布局块。

CSS 布局框模型向您显示所选 CSS 布局块的框模型(即填充和边界)。

相关主题




未找到评论

 

评论添加到页面后给我发送电子邮件 | 评论报告

当前页: http://www.ecnnl.com/doc/dreamweaver/8_cn/using/08_css39.htm

 

E中荷|荷兰华人电子商务