Dreamweaver MX 2004 CSS定位属性

css|dreamweaver

八.定义 CSS 样式定位属性


  “定位”样式属性使用“层”首选参数中定义层的默认标签,将标签或所选文本块更改为新层。

  设置层定位属性:在“CSS 样式定义”对话框中,选择“定位”(如下图),然后设置所需的样式属性。


图片较大 请放大后查看

  如果不设置属性可以保持为空。

  类型:确定浏览器应如何来定位层。

  绝对:使用“定位”框中输入的坐标(相对于页面左上角)来放置层。

  相对:使用“定位”框中输入的坐标(相对于对象在文档的文本中的位置)来放置层。该选项不显示在“文档”窗口中。

  静态:将层放在它在文本中的位置。

  显示:确定层的初始显示条件。如果不指定可见性属性,则默认情况下大多数浏览器都继承父级的值。选择以下可见性选项之一:

  继承:继承层父级的可见性属性。如果层没有父级,则它将是可见的。

  可见:显示该层的内容,而不管父级的值是什么。

  隐藏:隐藏这些层的内容,而不管父级的值是什么。

  Z 轴:确定层的堆叠顺序。编号较高的层显示在编号较低的层的上面。值可以为正,也可以为负。(注:使用“层”面板更改层的堆叠顺序更容易。)

  溢出(仅限于 CSS 层):确定在层的内容超出它的大小时将发生的情况。这些属性控制如何处理此扩展,如下所示:

  可见:增加层的大小,使它的所有内容均可见。层向右下方扩展。

  隐藏:保持层的大小并剪辑任何超出的内容。不提供任何滚动条。

  滚动:在层中添加滚动条,不论内容是否超出层的大小。专门提供滚动条可避免滚动条在动态环境中出现和消失所引起的混乱。该选项不显示在“文档”窗口中,并且仅适用于支持滚动条的浏览器。注意:Internet Explorer 和 Netscape Navigator 6 支持此属性。

  自动:使滚动条仅在层的内容超出它的边界时才出现。该选项不显示在“文档”窗口中。

  定位:指定层的位置和大小。浏览器如何解释位置取决于“类型”设置。如果层的内容超出指定的大小,则大小值被覆盖。

  位置和大小的默认单位是像素。对于 CSS 层,还可以指定下列单位:pc(十二点活字)、pt(点)、in(英寸)、mm(毫米)、cm(厘米)、(ems)、(exs) 或 %(父级值的百分比)。缩写必须紧跟在值之后,中间不留空格:例如,3mm。

  剪辑:定义层的可见部分。如果指定了剪辑区域,可以通过脚本语言(如 JavaScript)访问它,并操作属性以创建像擦除这样的特殊效果。通过使用“改变属性”行为可以设置这些擦除效果。

  设置完这些选项后,在面板左侧选择另一个 CSS 类别以设置其它的样式属性,或单击“确定”。

时间: 2024-08-04 00:44:51

Dreamweaver MX 2004 CSS定位属性的相关文章

Dreamweaver MX 2004 CSS边框属性

css|dreamweaver 六.定义 CSS 样式边框属性 使用"CSS 样式定义"对话框的"边框"类别可以定义元素周围的边框的设置(如宽度.颜色和样式). 设置边框样式:在"CSS 样式定义"对话框中,选择"边框"(如下图),然后设置所需的样式属性. (图片较大 请放大后查看) 请注意:下列任意属性如果您认为不重要可以保留为空. 样式:设置边框的样式外观.样式的显示方式取决于浏览器.DW MX 2004在"文档

Dreamweaver MX 2004 CSS方框属性

css|dreamweaver 五.定义 CSS 样式方框属性 使用"CSS 样式定义"对话框的方框(又称盒子)类别可以为控制元素在页面上的放置方式的标签和属性定义设置.可以在应用填充和边距设置时将设置应用于元素的各个边,也可以使用"全部相同"设置将相同的设置应用于元素的所有边. 定义元素在页面上的放置方式:在"CSS 样式定义"对话框中,选择"方框"(如下图),然后设置所需的样式属性. (图片较大 请放大后查看) 如果不设置

Dreamweaver MX 2004 CSS列表属性

css|dreamweaver 七.定义 CSS 样式列表属性 "CSS 样式定义"对话框的"列表"类别为列表标签定义列表设置(如项目符号大小和类型). 定义列表样式:在"CSS 样式定义"对话框中,选择"列表"(如下图),然后选择所需的样式属性. (图片较大 请放大后查看) 如果不设置属性可以保持为空. 类型:设置项目符号或编号的外观.两种浏览器都支持"类型". 项目符号图像:可以为项目符号指定自定义图像

Dreamweaver MX 2004 CSS区块属性

css|dreamweaver 四.定义 CSS 样式区块属性 使用"CSS 样式定义"对话框的"区块"类别可以定义标签和属性的间距和对齐设置. 定义区块设置:在"CSS样式定义"对话框中,选择"区块"(如下图),然后设置所需的样式属性. (图片较大 请放大后查看) 如果不设置属性可以保持为空. 单词间距:设置单词的间距.若要设置特定的值,请在弹出式菜单中选择"值",然后输入一个数值.在第二个弹出式菜单中,

Dreamweaver MX 2004 CSS背景属性

css|dreamweaver 三.定义 CSS 样式背景属性 使用"CSS 样式定义"对话框的"背景"类别可以定义 CSS 样式的背景设置.可以对网页中的任何元素应用背景属性.例如,创建一个样式,将背景颜色或背景图像添加到任何页面元素中,比如在文本.表格.页面等的后面.还可以设置背景图像的位置. 定义背景设置: 在"CSS 样式定义"对话框中,选择"背景"(如下图),然后设置所需的样式属性. (图片较大 请放大后查看) 如果

Dreamweaver MX 2004 CSS概述

css|dreamweaver · 一.CSS概述 如今网页的排版格式越来越复杂,很多效果需要通过CSS来实现,Dreamweaver MX 2004在CSS功能设计上做了很大的改进.今天给大家具体谈谈如何使用Dreamweaver MX 2004 CSS功能,我相信当你看完这个教程之后你会觉得CSS使用是那样的简单,而创作出来的效果却是惊人的. 现代网页制作离不开 CSS技术,采用CSS技术,可以有效地对页面的布局.字体.颜色.背景和其它效果实现更加精确的控制. 用CSS不仅可以做出美观工整令

Dreamweaver MX 2004 CSS使用教程概述

css|dreamweaver|教程 本站原创内容,转载请注明出处网页教学网. 一.CSS概述 如今网页的排版格式越来越复杂,很多效果需要通过CSS来实现,Dreamweaver MX 2004在CSS功能设计上做了很大的改进.今天给大家具体谈谈如何使用Dreamweaver MX 2004 CSS功能,我相信当你看完这个教程之后你会觉得CSS使用是那样的简单,而创作出来的效果却是惊人的. 现代网页制作离不开 CSS技术,采用CSS技术,可以有效地对页面的布局.字体.颜色.背景和其它效果实现更加

Dreamweaver MX 2004 CSS使用教程

css|dreamweaver|教程 1.Dreamweaver MX 2004 CSS使用教程之滤镜介绍2 [2005-03-06]     2.Dreamweaver MX 2004 CSS使用教程之CSS滤镜介绍 [2005-03-06]     3.Dreamweaver MX 2004 CSS使用教程之CSS扩展属性 [2005-03-06]     4.Dreamweaver MX 2004 CSS使用教程之CSS定位属性 [2005-03-06]     5.Dreamweaver

Dreamweaver MX 2004 CSS使用教程之CSS定位属性

css|dreamweaver|教程 本站原创内容,转载请注明出处网页教学网. 八.定义 CSS 样式定位属性 "定位"样式属性使用"层"首选参数中定义层的默认标签,将标签或所选文本块更改为新层. 设置层定位属性:在"CSS 样式定义"对话框中,选择"定位"(如下图),然后设置所需的样式属性. 如果不设置属性可以保持为空. 类型:确定浏览器应如何来定位层. 绝对:使用"定位"框中输入的坐标(相对于页面左上角