css的background屬性十分強(qiáng)大，我們常用的相關(guān)屬性有background-image，background-color，background-position和background-repeat這四個(gè)屬性辽剧，這四個(gè)屬性在CSS1就有了臂寝，所以大家用的比較多章鲤，也比較熟悉，但是還有幾個(gè)屬性也比較重要咆贬，可以方便大家解決不少問題
background-size
規(guī)定背景圖片的尺寸
版本：CSS3
語法：background-size: length|percentage|cover|contain;
background-origin
規(guī)定背景圖片的定位區(qū)域
版本：CSS3
語法：background-origin: padding-box|border-box|content-box;
background-clip
規(guī)定背景的繪制區(qū)域
語法版本：CSS3
語法：background-clip: border-box|padding-box|content-box;
background-attachment
設(shè)置背景圖像是否固定或者隨著頁面的其余部分滾動(dòng)
版本：CSS1
語法：background-attachment: scroll|fixed|inherit;
總結(jié)
其實(shí)這幾個(gè)屬性挺有意思的败徊，看起來挺亂，設(shè)置這設(shè)置那素征，但是我們從瀏覽器渲染時(shí)的角度去思考集嵌，就發(fā)現(xiàn)它們之間其實(shí)還是有聯(lián)系的：
- 通過origin確定繪制背景的參考位置
- 通過參考位置和position來確定開始繪制背景的位置
- 通過size和color或者image來開始繪制背景，color和image確定繪制什么御毅，size確定繪制的尺寸
- 通過repeat來判斷是否需要在x軸或者y軸重復(fù)繪制
- 通過clip來確定最終需要展示出來的背景根欧，將不需要顯示的部分裁剪掉
- 最后通過attachment來設(shè)置背景是否跟著頁面其余部分滾動(dòng)
OK，整個(gè)背景繪制完了
