總結(jié)下今天學(xué)習(xí)的重點(diǎn)有

1.background的幾種屬性

1.1 background-color ? 背景顏色設(shè)置

它的顏色單位： 英語單詞 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可以簡寫：background-position/background-size;

background

2.浮動(dòng)

float :left | right | none?

float最初被用來設(shè)置文字環(huán)繞

float屬性對塊級(jí)元素的影響：1.設(shè)置浮動(dòng)之后，塊級(jí)元素的寬度不再跟隨父級(jí)寬度，而是內(nèi)容決定（內(nèi)容撐開寬度）

float 屬性對行及元素的影響 ：1.設(shè)置浮動(dòng)之后，可與設(shè)置行級(jí)元素的寬高和盒模型。

3.浮動(dòng)的布局

兩列布局（一段固定，一段隨瀏覽器寬度自適應(yīng)，且中間間距10px）

三列布局（兩段固定，另一段隨瀏覽器寬度自適應(yīng)，且中間間距10px）

css

div