VB.net 2010 视频教程 VB.net 2010 视频教程 python基础视频教程
SQL Server 2008 视频教程 c#入门经典教程 Visual Basic从门到精通视频教程
当前位置:
首页 > 网站开发 > css >
  • div+css视频教程之css绝对定位

在css样式表最后一天的课程中,我们将学习样 式表最精彩的部分:定位和叠放。
我们都知道,在网页上利用HTML定位文字和 图象是一件“令人心痛”的事情。我们必须 使用表格标签和隐式GIF图象,即使这样也 不能保证定位的精确,因为浏览器和操作平 台的不同会使显示的结果发生变化。
 
而CSS能使你看到希望的曙光。利用今天我 们即将学到的CSS属性,你可以精确地设定 要素的位置,还能将定位的要素叠放在彼此 之上,还有...还有......你自己慢慢看吧!
 
以下是今天将学习的各种属性:
 
定位
左边
顶部
宽度
高度
可视性
z-index
注意:由于CSS定位开发得比其它CSS属性晚, 所以IE3不支持CSS定位属性。定位属性只能 用于4.0版的浏览器。
 
 

css绝对定位 

定位(左边和顶部)
css定位属性将是网虫们打开幸福之门的钥匙:
 
H4 { position: absolute; left: 100px; top: 43px }
 
这项CSS规则让浏览器将<H4>的起始位置精 确地定在距离浏览器左边100象素,距离其 顶部43象素的位置。
 
注意这里唯一设置了的是左边和顶部,也就 是说,文字将从左到右,从上到下载入浏览 器窗口。
 
左边和顶部属性很直观,左边(left)设定 要素距浏览器窗口左边的距离,顶部(top) 设定距离浏览器窗口顶部的距离。
 
设定这些距离时,你可以使用所学过的各种 长度单位或比例值。使用比例值时,比例值 指的是相对于母体要素的尺寸。
 
你可以定位什么呢?任何东西!段落、单词、 GIF和JPEG图象、QUICKTIME电影等等
 

相关教程