需要控制的模塊id不能重復，class名字是不能重復，矛盾的css樣式不指向同一塊區(qū)域。

css選擇符（選擇器）有以下這些：

1、通配選擇符（ * ）：匹配任意元素。

2、id選擇符（ # myid）：匹配 ID 等于“myid”的任意元素 。

3、類選擇符（.myclassname）：匹配 class 等于“myclassname”的任意元素.

4、標簽選擇符（div, h1, p）：選擇指定元素名稱的所有元素。

5、相鄰選擇符（E + F）：用于選擇（不是內(nèi)部）指定的第一個元素之后緊跟的元素。

6、子選擇符（E > F）：用于選取帶有特定父元素的元素，例ul > li，選擇所有父級是 <ul> 元素的每個 <li> 元素。（學習視頻分享：css視頻教程）

7、后代選擇符（E F）：用于選取元素內(nèi)部的元素。

8、偽類和偽元素選擇符：用于向某些選擇器添加特殊的效果。

css中的*是不需要聲明選擇器的，表示所有的標簽都使用該屬性。

1、position:relative;相對定位

1> 不影響元素本身特性（無論區(qū)塊元素還是內(nèi)聯(lián)元素會保留其原本特性）

2> 不會使元素脫離文檔流（元素原本位置會被保留，即改變位置也不會占用新位置）3> 沒有定位偏移量時對元素無影響（相對于自身原本位置進行偏移）

2、position: absolute;絕對定位

1> 使元素完全脫離文檔流（在文檔流中不再占位）

2> 使內(nèi)聯(lián)元素在設置寬高的時候支持寬高（改變內(nèi)聯(lián)元素的特性）

3> 使區(qū)塊元素在未設置寬度時由內(nèi)容撐開寬度（改變區(qū)塊元素的特性）

4> 相對于最近一個有定位的父元素偏移（若其父元素沒有定位則逐層上找，直到document——頁面文檔對象）

5> 相對定位一般配合絕對定位使用（將父元素設置相對定位，使其相對于父元素偏移）6> 提升層級（同相對定位）

3、position: fixed;固定定位fixed生成固定定位的元素，相對于瀏覽器窗口進行定位。

4、position:static：默認值默認布局。元素出現(xiàn)在正常的流中（忽略 top, bottom, left, right 或者 z-index 聲明）。5、position: sticky 粘性定位粘性定位，該定位基于用戶滾動的位置。它的行為就像 position:relative; 而當頁面滾動超出目標區(qū)域時，它的表現(xiàn)就像 position:fixed;