盒子背景
- 背景顏色:只能是純色,全平鋪——css3里面已經可以設置過度色。background-color:顏色值;
- 背景圖片:需要設置圖片路徑,還可以設置是否重復(平鋪),怎么重復,怎么定位。background-image:url(圖片路徑);
background-repeat: repeat // no-repeat // repeat-x // repeat-y;
background-position: 水平定位方式 垂直定位方式;
水平定位方式有: left // center // right // 離左邊的像素值;
垂直定位方式有: top // center // bottom // 離頂部的像素值; - 背景綜合屬性:可以一次性設置有關背景的多個數據值:
background:背景色值 背景圖值 背景圖重復性值 背景圖定位值;
塊盒子和行內盒子的真相
對塊盒子,其display屬性的值默認是block
對行內盒子,其display屬性的值默認是inline;
塊盒子和行內盒子可以相互轉換。
div{ display: inline;} ——此時div就跟span一樣。
span{ display: block;} ——此時span就跟div一樣。
display: inline // block // none: 顯示為:行內盒子//塊盒子//不顯示