這一部分是關(guān)于顏色和背景。

  屬性名：color

  值：<color> | inherit

  應(yīng)用于：所有元素

  繼承性：有

  color影響文本的顏色，也會(huì)影響邊框的顏色(這一點(diǎn)上章講過(guò))。

  屬性名：background-color

  值：<color> | transparent | inherit

  初始值：transparent

  應(yīng)用于：所有元素

  繼承性：無(wú)

  背景色指的是邊框以內(nèi)的部分的背景色。

  屬性名：background-image

  值：<uri> | none |inherit

  初始值：none

  應(yīng)用于：所有元素

  繼承性：無(wú)

背景圖默認(rèn)會(huì)沿著水平和垂直方向平鋪，要想改變平鋪規(guī)則：

  屬性名：background-repeat

  值：repeat | repeat-x | repeat-y | no-repeat | inherit

  初始值：repeat

  繼承性：無(wú)

  應(yīng)用于：所有元素

背景圖默認(rèn)會(huì)從元素的左上角開始平鋪，若要改變開始位置：

  屬性名：background-position

  值：百分?jǐn)?shù)，長(zhǎng)度單位 | left | center | right | top | bottom | inherit

  初始值：0% 0%

  應(yīng)用于：塊級(jí)元素和替換元素（替換元素怎么用?）

  繼承性：無(wú)

  百分?jǐn)?shù)參照：相對(duì)于元素和原圖像上的相應(yīng)點(diǎn)(這個(gè)暫時(shí)忽略吧，沒(méi)看懂)

指定位置時(shí)通常指定兩個(gè)值。第一個(gè)為水平方向，第二個(gè)為垂直方向，當(dāng)只設(shè)置一個(gè)值時(shí)，另一個(gè)將默認(rèn)為center。

使用百分?jǐn)?shù)和固定長(zhǎng)度時(shí)，允許是負(fù)值，具體計(jì)算方式暫時(shí)忽略。

當(dāng)我們把背景定位在元素中間時(shí)，可能會(huì)有這樣一種情況。元素太寬，出現(xiàn)滾動(dòng)條。這使得背景圖案剛開始對(duì)我們不可見(jiàn)。我們可以讓背景相對(duì)于視口定位，而不是元素。為了達(dá)到這個(gè)效果：

  屬性名：background-attachment

  值：scroll | fixed | inherit

  初始值：scroll

  應(yīng)用于：所有元素

利用該屬性，可以實(shí)現(xiàn)一些有趣的效果。當(dāng)我們?yōu)楸尘皥D設(shè)置了fixed后，他將相對(duì)于視口定位，但他只會(huì)在包含他的元素中可見(jiàn)。這意味著，若為父元素和子元素應(yīng)用同一圖片的不同清晰度版本時(shí)，各個(gè)背景圖將會(huì)完美得融合在一起，看上去就像隔了一層半透明的玻璃一樣。示例

我們不需要一個(gè)一個(gè)去設(shè)置這些值：

  屬性名：background

  值：{ color | image | repeat | attachment | position } | inherit

這里的color是指背景顏色background-color。我們建議當(dāng)有背景圖時(shí)，設(shè)置一個(gè)背景色。這樣當(dāng)背景圖沒(méi)有載入時(shí)，會(huì)顯示背景色，不至于空白一片。