一、CSS中的盒状模型：
二、CSS中的Z-index：
CSS可以处理高度、宽度、深度三个维度。如何令不同元素具有层次？简言之，就是关于元素堆叠的次序问题。
为此，你可以为每个元素指定一个数字（z-index）。其原理是：数字较大的元素将叠加在数字较小的元素之上。比方说，我们正在打扑克，并且拿了一手同花大顺。我们可以通过为各张牌设定一个z-index的方式来表示这手牌：
下面是如何使用Z-index来进行层次的叠加，该方法虽然简单，但却能应付许多情况。你可以将图片叠加到文本之上，也可以将文本叠加到文本之上等等。
#ten_of_diamonds {
position: absolute;
left: 100px;
bottom: 100px;
z-index: 1;
}
#jack_of_diamonds {
position: absolute;
left: 115px;
bottom: 115px;
z-index: 2;
}
#queen_of_diamonds {
position: absolute;
left: 130px;
bottom: 130px;
z-index: 3;
}
#king_of_diamonds {
position: absolute;
left: 145px;
bottom: 145px;
z-index: 4;
}
#ace_of_diamonds {
position: absolute;
left: 160px;
bottom: 160px;
z-index: 5;
}
-------------------------------------------------------------
生活就像打牌，不是要抓一手好牌，而是要尽力打好一手烂牌。
posted on 2008-08-01 21:57
Paul Lin 阅读(310)
评论(0) 编辑 收藏 所属分类:
Web基础