我们都知道,在网页上利用HTML定位文字和图象是一件“令人心痛”的事情。我们必须使用表格标签和隐式GIF图象,即使这样也不能保证定位的精确,因为浏览器和操作平台的不同会使显示的结果发生变化。
而CSS能使你看到希望的曙光。利用今天我们即将学到的CSS属性,你可以精确地设定要素的位置,还能将定位的要素叠放在彼此之上,还有...还有......你自己慢慢看吧!
以下是今天将学习的各种属性:
- 定位
- 左边
- 顶部
- 宽度
- 高度
- 可视性
- z-index
注意:由于CSS定位开发得比其它CSS属性晚,所以IE3不支持CSS定位属性。定位属性只能用于4.0版的浏览器。
下面我们回答第4天留下的小问题。
定位(左边和顶部)
定位属性将是网虫们打开幸福之门的钥匙:
这项CSS规则让浏览器将 <H4>
的起始位置精确地定在距离浏览器左边100象素,距离其顶部43象素的位置。
注意这里唯一设置了的是左边和顶部,也就说,文字将从左到右,从上到下载入浏览窗口。
左边和顶部属性很直观,左边(left)设定要素距浏览器窗口左边的距离,顶部(top)设定距离浏览器窗口顶部的距离。
设定这些距离时,你可以使用所学过的各种度单位或比例值。使用比例值时,比例值的是相对于母体要素的尺寸。
你可以定位什么呢?任何东西!段落、单词、GIF和JPEG图象、QUICKTIME电影等等。
绝对定位使你
[1] [2] [3] [4] [5] [6] [7] 下一页