0 Comments

编辑CSS样式之定位属性

发布于:2012-02-24  |   作者:广州网站建设  |   已聚集:人围观
    “定位”样式属性确定与选定的CSS样式相关的内容在页面上的定位方式。下列任何属性若对于样式并不重要,可将其保留为空。
    ◇类型:确定浏览器应如何来定位选定的元素,有以下4个可选项。
    ■绝对:使用【定位】框中输入的、相对于最近的绝对或相对定位上级元素的坐标(如果不存在绝对或相对定位的上级元素,则为相对于页面左上角的坐标)来放置内容。
    ■相对:使用【定位】框中输入的、相对于区块在文档文本流中的位置的坐标来放置内容区块。例如,若为元素指定一个相对位置,并且其上坐标和左坐标均为20px,则将元素从其在文本流中的正常位置向右和向下移动20px。也可以在使用(或不使用)上坐标、左坐标、右坐标或下坐标的情况下对元素进行相对定位,以便为绝对定位的子元素创建一个上下文。
    ■固定:使用【定位】框中输入的坐标(相对于浏览器的左上角)来放置内容。当用户滚动页面时,内容将在此位置保持固定。
    ■静态:将内容放在其在文本流中的位置。这是所有可定位的HTML元素的默认位置。
    ◇显示:确定内容的初始显示条件。如果不指定显示属性,则默认情况下内容将继承父级标记的显示属性值。body标记的默认显示是可见的。可以选择以下显示选项之一:
    ■继承:(默认)继承内容的父级可见性属性。
    ■可见:将显示内容,而与父级的可见性无关。
    ■隐藏:将隐藏内容,而与父级的可见性无关。
    ◇Z轴:确定内容的堆叠顺序。Z轴值较高的元素显示在Z轴值较低的元素(或根本没有Z轴值的元素)的上方。值可以为正,也可以为负。如果已经对内容进行了绝对定位,则可以轻松使用“AP元素”面板来更改堆叠顺序。
    ◇溢出:确定当容器(如DIV或P)的内容超出容器的显示范围时的处理方式。这些属性按以下方式控制扩展。
    ■可见:将增加容器的大小,以使其所有内容都可见。容器将向右下方扩展。
    ■隐藏:保持容器的大小并剪辑任何超出的内容,不提供任何滚动条。
    ■滚动:将在容器中添加滚动条,而不论内容是否超出容器的大小。明确提供滚动条可避免滚动条在动态环境中出现和消失所引起的混乱。该选项不显示在【文档】窗口中。
    ■自动:将使滚动条仅在容器的内容超出容器的边界时才出现。该选项不显示在【文档】窗口中。
    ◇定位:指定内容块的位置和大小。浏览器如何解释位置取决于【类型】设置。如果内容块的内容超出指定的大小,则将改写大小值。位置和大小的默认单位是像素。还可以指定以下单:pc(皮卡)、pt(点)、in(英寸)、mm(毫米)、cm(厘米)、em(全方)、(ex)或%(父级值的百分比)。缩写必须紧跟在值之后,中间不留空格。例如,3mm。
    ◇剪辑:定义内容的可见部分。如果指定了剪辑区域,可以通过脚本语言(如JavaScript)访问它,并操作属性以创建像擦除这样的特殊效果。使用“改变属性”行为可以设置擦除效果。
    切换至【定位】选项卡,按下图设定相应参数,可以把选定的文字限定在指定长宽、坐标的矩形区域内显示,并添加双滚动条进行拖动浏览。

思洋互动传媒   广州网站建设 整理
飞机