position

CSS定位和层叠控制

在这一章节中我和大家将一起来探讨CSS中的另一个知识重点,即CSS的定位(position)和层叠控制(z-index。这两个属性都隶属于CSS Positioned Layout Module Level 3模块。当人们在接触布局的时候都比较倾向于使用定位的方式。因为定位的概念看起来易于掌握。使用定位来布局,表面上你确切的指定了一个元素所处的位置,它坐落在那里。可事实上,定位要比你看到要稍微复杂一点。对于很多CSS的新手,CSS定位和层叠控制还是有些东西会被绊倒,所以在它们成为你惯用技巧前你需要先掌握它们。

你对Position的了解程度有多少?

一篇关于 position 定位和 z-index 的基础文章,阐述了 position 定位和 z-index 之间的关联,非常值得新人阅读,老鸟也不妨回顾一下。文中还提到了 z-index 在IE 6 7下的一个BUG。

HTML和CSS高级指南之二——定位详解

99根据Shay Howe的《HTML和CSS高级指南》第一课《Performance & Organization》所译,给大家详细介绍了如何组织HTML和CSS,制作一个优秀的架构,并介绍了如何对网站代码进行优化,提高站点的性能。今天我给大家所译的是CSS的基础部分,主要介绍的内容是CSS中的position的运用。在此篇文章中详细介绍了position的几个属性的使用方法和需要注意的细节,并与float的区别,最后以z-index属性的介绍结尾。希望这篇译文能给大家带些一点帮助。

十步图解CSS的position

CSS的positon,我想做为一个Web制作者来说都有碰到过,但至于对其是否真正的了解呢?那我就不也说了,至少我自己并不非常的了解其内核的运行。今天在Learn CSS Positioning in Ten Steps一文中分十步介绍了CSS的“position”中的“static、relative、absolute、float”使用,觉得蛮有意思的。整理了一下贴上来与大家一起分享。希望大家能喜欢。

在图解这十个过程之前,我将实例的代码放上来,好让大家一个实体参考:

HTML Markup

返回顶部