如果定位元素的層級(jí)是一樣，則下邊的會(huì)蓋住上邊的。

通過z-index屬性可以用來設(shè)置元素的層級(jí)，可以為z-index指定一個(gè)正整數(shù)作為值，該值會(huì)作為當(dāng)前元素的層級(jí)，層級(jí)越高，越優(yōu)先顯示。

沒有開啟定位的元素不能使用z-index

設(shè)置元素透明背景：

???????? opacity：0 表示完全透明

??????????????????????? 1 表示完全不透明

??????????????????????? 0.5 表示半透明

???????? alpha（opacity=透明度）： 0 表示完全透明

????????????????????????????????????????????????????? 100 表示完全不透明

????????????????????? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? 50 表示半透明

開啟相對(duì)定位，父元素的層級(jí)再高，也不會(huì)蓋住子元素

position：relative；

開啟相對(duì)定位

position：absolute；

背景：background-image：url（相對(duì)路徑）；

background-repeat ??? 用來設(shè)置背景圖片的重復(fù)方式，可選值：

??????????? repeat：默認(rèn)值，背景圖片會(huì)雙方向重復(fù)（平鋪）

?????????? no-repeat：背景圖片不會(huì)重復(fù)，有多大就顯示多大

?????????? repeat-x：沿水平方向重復(fù)

?????????? repeat-y：沿垂直方向重復(fù)

background-position??? 調(diào)整背景圖片在元素中位置，可選值：

?????????? top?? ? right???? left?? ? bottom??? center

background-attachment??????? 用來設(shè)置背景圖片是否隨頁(yè)面一起滾動(dòng)，可選值：

?????????? scroll：默認(rèn)值

?????????? fixed：背景圖片會(huì)固定在某一位置，不隨頁(yè)面滾動(dòng)

?????????????????????? 定位永遠(yuǎn)相對(duì)于瀏覽器的窗口

不隨窗口滾動(dòng)的圖片，一般都設(shè)置給body，不設(shè)置給其他元素

表格：table標(biāo)簽 創(chuàng)建一個(gè)表格

?????????? tr 表示表格中的一行

?????????? rowspan 用來設(shè)置縱向的合并單元格

?????????? colspan 用來設(shè)置縱向的合并單元格

table和tr邊框之前默認(rèn)有距離，通過border-spacing屬性設(shè)置這個(gè)距離

border-collapse可以用來設(shè)置表格的邊框合并， 如果設(shè)置了邊框合并，則border-spacing自動(dòng)失效

??????????? th標(biāo)簽來表示表頭中的內(nèi)容

長(zhǎng)表格：分為三部分：thead 表頭

??????????????????????????????????? tbody 表格的主體

????????????????????????????????? ? tfoot 表格底部

就算跌倒，也要豪邁的笑