背景圖片

1.background

一通過該屬性可以同時設(shè)置所有背景相關(guān)的樣式

沒有順序的要求，誰在前誰在后都行

也沒有數(shù)量的要求，不寫的樣式就使用默認值

2.background-?attachment用來設(shè)置背景圖片是否隨頁面一起滾動

scroll.默認值，背景圖片隨著窗口滾動

fixed.背景圖片會固定在某一位置，不隨頁面滾動

不隨窗口滾動的圖片，我們一般都是設(shè)置給body,而不設(shè)置給其他元素

3background-position

.背景圖片默認是貼著元素的左上角顯示

*通過background-position可以調(diào)整背景圖片在元素中的位置

屬性left?top?right?bottom?center可用其中兩個值來設(shè)置

4.background-repeat用于設(shè)置背景圖片的重復(fù)方式

repeat,默認值，背景圖片會雙方向重復(fù)(平鋪)

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

repeat-x.背景圖片沿水平方向重復(fù)

repeat-y,背景圖片沿垂直方向重復(fù)

5.使用background-?image來設(shè)置背景圖片

如果背景圖片大于元素，默認會顯示圖片的左上角

如果背景圖片和元素一樣大，則會將背景圖片全部顯示

如果背景圖片小于元素大小，?則會默認將背景圖片平鋪以充滿元素

可以同時為一個元素指定背景顏色和背景圖片，

這樣背景顏色將會作為背景圖片的底色

一般情況下設(shè)置背景圖片時都會同時指定一個背景顏色

6.opacity

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

用0-1的值

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

定位

1.z-index

.如果定位元素的層級是一樣的，下邊的元素會蓋住上邊的

通辻z-index屬性可以用來沒置元素的層級

可以為z?-?index指定-一個正整數(shù)作為值，該值會作為當(dāng)前元素的層級

層級越高，越先顯示

但是対于沒有開啟定位的元素?不能使用z-?index

2.position元素

static:默認值，元素沒有開啟定位

relative:開啟元素的相対定位

absolute:開啟元素的絕對定位

fixed:開啟元素的固定定位（絕對定為的一種）

1.relative

1.相対定位是相対于元素在文檔流中原來的位置進行定位

2.相対定位的元素不會脫離文檔流

3.相対定位會使元素提升一個層級

4.相對定位不會改變元素性質(zhì)，塊依舊是塊

2absolute絕對定位

1.開啟絕對定位，?會使元素脫離文檔流

2.絕對定位是相對于離他最近的開啟了定位的祖先元素進行定位的

如果所有的祖先元素都沒有開啟定位，則會相對于瀏覽器窗口進行定位

4.絕對定位會使元素提升一個層級

5.絕對定位會改變元素的性質(zhì)，

內(nèi)聯(lián)元素變成塊元素，

塊元素的寬度和高度默認都被內(nèi)容撐開

3.fixed固定定位

固定定位永遠都會相對于瀏覽器窗口進行定位

固定定位會固定在瀏覽器窗口某個位置，不會隨滾動條滾動