總結(jié)下今天學(xué)習(xí)的重點(diǎn)有
1.background的幾種屬性
1.1 background-color ? 背景顏色設(shè)置
它的顏色單位: 英語(yǔ)單詞 16進(jìn)制 rgb() hsl() transparent
1.2 background-image:url()背景圖片設(shè)置
url:統(tǒng)一資源定位符
1.3 background-repeat:repeat-x | repeat-y
? ? ? no-repeat;背景平鋪設(shè)置
1.4 background-position: x y ;背景定位設(shè)置
1.5 background-size: 背景尺寸設(shè)置
background-size可以簡(jiǎn)寫(xiě):background-position/background-size;
2.浮動(dòng)
float :left | right | none?
float最初被用來(lái)設(shè)置文字環(huán)繞
float屬性對(duì)塊級(jí)元素的影響:1.設(shè)置浮動(dòng)之后埋同,塊級(jí)元素的寬度不再跟隨父級(jí)寬度,而是內(nèi)容決定(內(nèi)容撐開(kāi)寬度)
float 屬性對(duì)行及元素的影響 :1.設(shè)置浮動(dòng)之后棵红,可與設(shè)置行級(jí)元素的寬高和盒模型凶赁。
3.浮動(dòng)的布局
兩列布局(一段固定,一段隨瀏覽器寬度自適應(yīng),且中間間距10px)
三列布局(兩段固定哟冬,另一段隨瀏覽器寬度自適應(yīng)楼熄,且中間間距10px)