1、position:relative;相對定位

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

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

2、position: absolute;絕對定位

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

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

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

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

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

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

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

很古老的話題了

id=100

class=10

tag（標(biāo)簽）=1

按照這個規(guī)律去計(jì)算，比如

#qietu div{}

100+1 = 101

.qietu .box{}

10+10=20

可以得出第一個的權(quán)重要比第二個要高。另外關(guān)于權(quán)重的擴(kuò)展知識面，我推薦了解下BEM命名規(guī)則，這個觀念很好，可以從側(cè)面杜絕權(quán)重問題的產(chǎn)生，還有一個就是提高權(quán)重的方法 !important;

一、IE邊框若顯若無，須注意，定是高度設(shè)置已忘記；

二、浮動產(chǎn)生有緣故，若要父層包含住，緊跟浮動要清除，容器自然顯其中；

三、三像素文本慢移不必慌，高度設(shè)置幫你忙；

四、兼容各個瀏覽須注意，默認(rèn)設(shè)置行高可能是殺手；

五、獨(dú)立清除浮動須銘記，行高設(shè)無，高設(shè)零，設(shè)計(jì)效果兼瀏覽；

六、學(xué)布局須思路，路隨布局原理自然直，輕松駕馭html，流水布局少hack，代碼清爽，兼容好，友好引擎喜歡迎。

七、所有標(biāo)簽皆有源，只是默認(rèn)各不同，span是無極，無極生兩儀—內(nèi)聯(lián)和塊級，img較特殊，但也遵法理，其他只是改造各不同，一個*號全歸原，層疊樣式理須多練習(xí)，萬物皆規(guī)律。

八、圖片鏈接排版須小心，圖片鏈接文字鏈接若對齊，padding和vertical-align:middle要設(shè)定，雖差微細(xì)倒無妨。

九、IE浮動雙邊距，請用display：inline拘。

十、列表橫向排版，列表代碼須緊靠，空隙自消須銘記。

選擇器｛屬性：值；屬性：值；｝