左边和顶部属性很直观,左边(left)设定要素距浏览器窗口左边的距离,顶部(top)设定距离浏览器窗口顶部的距离。设定这些距离时,你可以使用所学过的各种度单位或比例值。使用比例值时,比例值的是相对于母体要素的尺寸。 你可以定位什么呢?任何东西!段落、单词、GIF和JPEG图像、QUICKTIME电影等等。
相对定位: 绝对定位使你能精确地定位要素在页面的独立位置,而不考虑页面其它要素的定位设置。相对定位指你所定位的要素的位置相对于在文件中所分配的位置。例: I { position: relative; left: 40px; top: 10px } 相对定位的关键在于定位了的要素的位置是相对于它通常应在的位置进行定位。相对定位单元出现在普通的静态定位单元的行间,定位时没有把自己和静态定位单元完全分开。如果你停止使用相对定位,则文字的显示位置将恢复正常。使用相对定位时要小心,否则容易将页面弄得非常乱。 除了相对定位和绝对定位,你还可以使用static(静止)参数值。Static 是 position 特性的缺省值。它的使用方法同普通HTML中的定位方法,不能附加特殊的定位设置。也就是说,除了边距特性,或通过使用 float 特性来浮动单元可影响单元的定位外,其它均不可以。
● 5. visibility 隐蔽或展现DIV 根据它的值“visible”,“hidden”,“inherit”。 z-index DIV tag 的立体位置。值越大 DIV 的位置越高。 background-color DIV 背景的颜色。 layer-background-color Netscape 的 DIV 背景颜色。 background-image DIV 的背景图像。 layer-background-image Netscape 的 DIV 的背景图像。 可视性:利用CSS,你可以隐藏要素,使其在页面上看不见。这条属性对于定位了的和未定位的要素都适用。 H4 { visibility: hidden } 选项: visible 使要素可以被看见 hidden 使要素被隐藏 inherit 指它将继承母体要素的可视性设置。 值 inherit 为缺省值。这使单元继承父单元的可见性。所以,如果某一段是隐藏的,则它包含的任何行间单元也都被隐藏。这一继承性可被明确指定的可见性取代。例如,段内的 EM 单元被指定为可见,这时如果该段被隐藏,则段内的所有其它内容都将消失,而唯有 EM 单元中的文本是可见的。 当一个要素被隐藏后,它仍然要占据浏览器窗口中的原有空间。所以,如果你将文字包围在一幅被隐藏的图像周围,那么,其显示效果将是文字包围着一块空白区域。此新闻 这条属性在编写语言和使用动态HTML时很有用,比如你可以使某段落或图像只在鼠标滑过时才显示。 ● 6.定位单元的控制 (width、height、visiblility) 除了控制定位单元的左上角位置,你还可以控制单元的宽度和高 上一页 [1] [2] [3] [4] [5] 下一页 (中华企业文化网)
|