CSS中有一個非常重要的概念——疊放（stacking）。疊放指的是HTML元素在層級上從前向后排列，上面的元素可以覆蓋下面的元素。

當HTML元素有重疊關系時，我們可以通過設置z-index屬性來控制它們之間的疊放順序。z-index的取值可以是整數、auto或inherit。

/* 設置z-index為3 */
#element{
z-index: 3;
}
/* 設置z-index為auto */
#element{
z-index: auto;
}
/* 設置z-index為inherit */
#element{
z-index: inherit;
}

當兩個元素有相同的z-index值時，它們按照它們在文檔流中的先后順序來疊放。也就是說，后面出現的元素會覆蓋前面出現的元素。

另外，元素的position屬性也會影響疊放順序。position屬性設置為relative、absolute、fixed時，才可以設置z-index屬性。而static則是默認值，沒有疊放順序的概念。

/* 設置元素為relative */
#element{
position: relative;
}
/* 設置元素為absolute */
#element{
position: absolute;
}
/* 設置元素為fixed */
#element{
position: fixed;
}

通過控制元素的position和z-index屬性，我們可以創建出很多有趣的效果。例如，我們可以通過z-index屬性讓導航欄在頁面中浮現，或者通過position和z-index屬性創建出層疊效果。

總之，掌握疊放概念和使用方法，可以讓我們更好地控制HTML元素的疊放順序，實現更加豐富的頁面效果。