CSS中的疊加原則是指在對同一個元素應用多個CSS屬性時，如何確定這些屬性的疊加順序，從而達到正確的效果。要理解疊加原則，我們需要了解下面幾種概念：

1.元素的可見性，指的是元素是否顯示以及其透明度的值。

2.元素的定位，指的是元素在文檔的位置以及如何影響其他元素的位置。

3.元素的層疊順序，指的是元素在文檔中堆疊的順序，從而影響哪個元素會顯示在前面。

/* 示例1 */
div {
background-color: red;
opacity: 0.7;
position: absolute;
z-index: 1;
}
/* 示例2 */
div {
background-color: blue;
position: relative;
z-index: 2;
opacity: 0.4;
}

在上面的代碼中，兩次對同一個div元素應用了不同的CSS屬性。在示例1中，div元素的背景色為紅色，透明度為0.7，定位為絕對位置，層疊順序為1。在示例2中，div元素的背景色為藍色，定位為相對位置，層疊順序為2，透明度為0.4。

根據疊加原則，需要考慮以下幾個因素:

1.從后往前繪制元素：按照HTML文檔中的順序，后面的元素會顯示在前面。

2.對于不透明元素，位置靠后的會顯示在前面，對于透明元素則不同，透明度越高的會顯示在前面。

3.對于同層的元素，z-index屬性越高的會顯示在前面。

綜合應用疊加原則后，我們可以得到以下結果：

/* 示例1的結果 */
/* 示例2的結果 */

通過以上的例子，我們了解了CSS中的疊加原則，并且知道如何使用它們來正確地堆疊元素并達到預期效果。