0529day03

1.css背景類樣式

background-image（背景圖片）

background-repeat（背景圖片的重複）repeat-x x軸重複、repeat-y y軸重複、on-repeat 不重複，只顯示一次。

background-position（背景圖片定位）取值有2個

雪碧圖:各個小圖標的集合，使用的目的是減小http的請求次數。

 

2.框模型

任何一個元素均可以理解成一個盒子

盒子模型的組成

外邊框: margin 盒子與盒子之間的距離

padding:內邊距 盒子裏的填充物

border:邊框 包裝盒

content:內容 買好的東西

margin:4個屬性，margin-top、margin-right、margin-bottom、margin-left

是能夠合併的寫，按照，上右下左的順序

也能夠單獨拿出來寫，，寫一個，四個值四個值相同，這兩個，上右，對標補齊，這三個，上右下，對邊補齊

border，四個屬性，border-color, border-style, border-width, border-height

四個屬性均可以再細分上下左右4種

3.定位

相對定位:通常不去用top、left、right、bottom

絕對定位:通常不用margin,元素會脫離文檔流

一通常一塊兒出現，相對定位的做用通常是管着絕對定位，全部下拉框都是配合相對定位完成。

固定定位，元素會脫離文檔流

使用場景，回到頂部，側邊欄廣告。

4.溢出隱藏,,主要用於清除浮動（overflow:hidden）

溢出部分以滾動條顯示（overflow-scroll）