background新增屬性

今天解除了幾個曾經沒有用到的屬性，因此想總結而且複習一下。

 

　　background-origin屬性：有三個屬性值，分別是border-box，padding-box，content-box。看到border-box是否是聯想到了CSS3中的盒子模型。

　　box-sizing:border-box。它是爲了減小CSS中的盒模型padding和border值計算的繁瑣。

　　首先先說一下：

　　background-origin屬性：它表示 background-position 屬性相對於什麼位置來定位。

　　屬性值border-box:背景圖像相對於邊框盒來定位。

       屬性值padding-box：背景圖像相對於內邊距框來定位。

       屬性值content-box：背景圖像相對於內容框來定位。

因此咱們通常用這個屬性作一些精靈圖的定位與剪切。

　　還須要瞭解的是 background-clip屬性：一樣也有三個屬性值border-box，padding-box，content-box。

　　background-clip屬性規定背景的繪製區域。

值	描述
border-box	背景被裁剪到邊框盒。
padding-box	背景被裁剪到內邊距框。
content-box	背景被裁剪到內容框。