background: 復合屬性 注意樣式的優化 background-attachment :背景是否隨頁面其他位置滾動，頁面背景如果是單屏的 可以這樣去實現 ，scroll,fixed,inherit 所有瀏覽器都支持，其中繼承對于ie都是不適用的。 background-color: 16進制顏色，rgb顏色，單詞顏色，透明，transport 默認透明 background-image :url() none inherit 建議針對背景圖片也設置一個背景色 保證沒有背景圖片的時候也具有較好的顯示效果，另外背景的大小要復合規范，背景區域的覆蓋包括內邊距 邊框等，默認背景圖片是水平以及豎直方向重復的。 background-position :坐標值 默認值 0% 0% 左上角開始 ，100% 100% 右下角 ，也可以取英文描述 ，共9中 第一個代表水平 第二個代表豎直方向，；百分比數值的如果只寫了一個 第二個默認為50% ； 也可以兩個都是px數值 ； background-repeat :背景重復 repeat 水平以及豎直都是重復的 repeat-x repeat-y no-repeat background-clip :css3 背景的裁剪區域 ，border-box padding-box content-box 按照盒子模型 指定背景 不用新增盒模型來實現背景 background-origin:css3 的新增屬性 ，可以按照盒子模型指定背景的定位點 background-size:ie9+ css3 新增屬性 ，length,percentage,cover,contain cover以及contain重點理解 不被繼承 background-size 用于定義背景的尺寸，最常見的是定義無論屏幕多大，定義個全屏的背景。 background-origin 用于指定背景區域的定位區域 background-clip 用于繪制背景區域 ie9+ 以及主流的瀏覽器都是支持的 目前使用最多的還是background-size cover 為背景圖片充滿div contain 為div包含這個背景圖片 可能不能填滿 90% 則是控制顯示的百分比 同時需要注意的是 no-repeat center