精通CSS层叠样式表4

核心提示：我们将学习样式表最精彩的部分：定位和叠放， 我们都知道,在网页上利用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象素的位置，请观看代码的执行效果。