這一部分是關于顏色和背景。

  屬性名：color

  值：<color> | inherit

  應用于：所有元素

  繼承性：有

  color影響文本的顏色，也會影響邊框的顏色(這一點上章講過)。

  屬性名：background-color

  值：<color> | transparent | inherit

  初始值：transparent

  應用于：所有元素

  繼承性：無

  背景色指的是邊框以內的部分的背景色。

  屬性名：background-image

  值：<uri> | none |inherit

  初始值：none

  應用于：所有元素

  繼承性：無

背景圖默認會沿著水平和垂直方向平鋪，要想改變平鋪規則：

  屬性名：background-repeat

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

  初始值：repeat

  繼承性：無

  應用于：所有元素

背景圖默認會從元素的左上角開始平鋪，若要改變開始位置：

  屬性名：background-position

  值：百分數，長度單位 | left | center | right | top | bottom | inherit

  初始值：0% 0%

  應用于：塊級元素和替換元素（替換元素怎么用?）

  繼承性：無

  百分數參照：相對于元素和原圖像上的相應點(這個暫時忽略吧，沒看懂)

指定位置時通常指定兩個值。第一個為水平方向，第二個為垂直方向，當只設置一個值時，另一個將默認為center。

使用百分數和固定長度時，允許是負值，具體計算方式暫時忽略。

當我們把背景定位在元素中間時，可能會有這樣一種情況。元素太寬，出現滾動條。這使得背景圖案剛開始對我們不可見。我們可以讓背景相對于視口定位，而不是元素。為了達到這個效果：

  屬性名：background-attachment

  值：scroll | fixed | inherit

  初始值：scroll

  應用于：所有元素

利用該屬性，可以實現一些有趣的效果。當我們為背景圖設置了fixed后，他將相對于視口定位，但他只會在包含他的元素中可見。這意味著，若為父元素和子元素應用同一圖片的不同清晰度版本時，各個背景圖將會完美得融合在一起，看上去就像隔了一層半透明的玻璃一樣。示例

我們不需要一個一個去設置這些值：

  屬性名：background

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

這里的color是指背景顏色background-color。我們建議當有背景圖時，設置一個背景色。這樣當背景圖沒有載入時，會顯示背景色，不至于空白一片。