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

2008-02-23 06:57:10来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折

  本站原创内容,转载请注明出处网页教学网

  八.定义 CSS 样式定位属性

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:Dreamweaver MX 2004 CSS使用教程之CSS列表属性

下一篇:Dreamweaver MX 2004 CSS使用教程之CSS扩展属性