开发学院网页设计DivCss 精通CSS层叠样式表4 阅读

精通CSS层叠样式表4

 2008-03-09 11:30:44 来源:WEB开发网   
核心提示:我们将学习样式表最精彩的部分:定位和叠放, 我们都知道,在网页上利用HTML定位文字和图象是一件“令人心痛”的事情,精通CSS层叠样式表4,我们必须使用表格标签和隐式GIF图象,即使这样也不能保证定位的精确,绝对定位定位(左边和顶部) 定位属性将是网虫们打开幸福之门的钥匙: H4 { position: ab
我们将学习样式表最精彩的部分:定位和叠放。


我们都知道,在网页上利用HTML定位文字和图象是一件“令人心痛”的事情。我们必须使用表格标签和隐式GIF图象,即使这样也不能保证定位的精确,因为浏览器和操作平台的不同会使显示的结果发生变化。


而CSS能使你看到希望的曙光。利用今天我们即将学到的CSS属性,你可以精确地设定要素的位置,还能将定位的要素叠放在彼此之上,还有...还有......你自己慢慢看吧!


以下是今天将学习的各种属性:


定位
左边
顶部
宽度
高度
可视性
z-index

注意:由于CSS定位开发得比其它CSS属性晚,所以IE3不支持CSS定位属性。定位属性只能用于4.0版的浏览器。

下面我们回答第4天留下的小问题。

绝对定位
定位(左边和顶部)


定位属性将是网虫们打开幸福之门的钥匙:


H4 { position: absolute; left: 100px; top: 43px }


这项CSS规则让浏览器将<H4>的起始位置精确地定在距离浏览器左边100象素,距离其顶部43象素的位置,请观看代码的执行效果。

Tags:精通 CSS 层叠

编辑录入:coldstar [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接