位置:首页 > 软件操作教程 > UI设计软件 > Adobe Dreamweaver > 问题详情

dw 2014如何定义定位样式?

提问人:刘旭39发布时间:2020-11-11

定义定位样式

定位样式就是定义定位元素的相关属性。使用定位样式可以把网页已有的对象转化为定位元素,进行精确定位。在css规则定义对话框的左侧“分类”列表框中选择“定位”选项,然后在右侧显 示CSS样式的定位属性,如图所示。image.png

(1)Position (类型)下拉列表框:设置定位方式,包括绝对、相对、固定和静态4个选项。

absolute (绝对):使用绝对坐标定位元素,则元素不再受文档流的影响。

relative (相对):使用相对坐标定位元素的位置,相对定位的元素还需要受文档流的影响, 同时,它还占据定位前的位置。

fixed (固定):使用固定位置来定义元素的显示,固定定位的元素不会随浏览器滚动条的 拖动而变化。

static (静态):恢复元素的默认状态,不再进行定位处理。

(2)Visibility (显示)下拉列表框:设置元素的可见性。

inherit (继承)T继承父元素的可见性。

visible C可见):可见的。

hidden (隐藏):隐藏的。

(3)Height C高)和Width (宽)下拉列表框:设置定位元素的大小,选择auto (自动)选项,会 根据内容的大小自动调整。也可以输入具体的值来设置大小,然后在右侧选择单位,默认单位是像素。

(4)Z-index (Z轴)下拉列表框:设置定位元素的层叠顺序。可以输入正值或负值,值越大, 所在层就会位于较低值所在层的上端。

(5) Placement (定位)选项:设置定位偏移位置。left表示参照相对物左边界向右偏移位置,top 表示参照相对物顶边界向下偏移位置,bottom表示参照相对物底边界向上偏移位置,right表示参照 相对物右边界向左偏移位置。

(6)Overflow (溢出):设置超出元素容纳的范围时的处理方式。

visible (可见):无论元素的大小、内容都会显示出来。

hidden (隐藏):隐藏超出元素大小的内容。

scroll (滚动):不管内容是否超出元素的范围,选择此选项都会为元素添加滚动条。

auto (自动):只在内容超出元素时才显示滚动条。

(7)Clip (剪辑)选项:设置裁切区域的位置和大小。与P丨acement选项中4个坐标偏移值用法相似。


继续查找其他问题的答案?

相关视频回答
回复(0)
返回顶部