网页教学网
 当前位置: 网页教学网 >> 网页制作 >> Dreamweaver制作技术 >> 阅读:Dreamweaver MX 2004 CSS使用教程之CSS定位属性
[ HTML ] [ FW ] [ DW ] [ FP ] [ JS ] [ XML ] [ CSS ] [ 图象 ] [ FLASH ] [ .NET ] [ ASP ] [ JSP ] [ PHP ] [ 数据 ] [ 系统 ] [ 安全 ] [ 素材 ] [ 建站 ] [ 主机 ] [ 入门 ] [ 技巧 ]

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

http://www.webjx.com  更新日期:2005-03-06 13:49  出处:网页教学网  作者:闪电儿

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

  八.定义 CSS 样式定位属性

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

关键词:
推荐给好友】【关闭】【收藏本文
最新五条评论
查看全部评论
评论总数 0
您的评论
用户名: 新注册) 密 码: 匿名:
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为