css裏的背景屬性有哪些，如何去使用哪些屬性

分類：純色背景    背景圖像

  一、背景顏色

　　　　background-color : 任意合法的顏色 和 transparent　　

   二、背景圖像 

　　　　background-image : url(想要加載的圖片）

   三、背景圖片平鋪

　　　　background-repeat : 

　　　　　　　　　repeat：默認值水平垂直方向都平鋪

　　　　　　　　　repeat-x : 水平方向平鋪

　　　　　　　　   repeat-y : 垂直方向平鋪

　　　　　　　　   no-repeat : 默認不平鋪　　　　　　

　四、背景圖片的尺寸

　　　　　　background-size ： value1    value2     寬度    高度    （單位px）

　　　　　　　　　　　　　　　value%   value%    寬度    高度    （單位%）

　　　　　　　　　　　　　　　cover ：全覆蓋  將背景圖等比放大知道背景圖徹底覆蓋到元素的全部區域

　　　　　　　　　　　　　　　contain : 包含  將背景圖等比放大，直到下邊或者右邊有一個邊緣碰到元素爲止

　　五、背景圖片固定 

　　　　　　background-attachment : fixed;(固定）

　　　　　　　　　　　　　　　　　  scorll(滾動）

　　六、背景定位

　　　　　　改變背景圖片在元素中的默認位置

　　　　　　background-position : 注意對於這個Firefox和Opera,background-attachment必須設置爲「fixed」（固定）

　　　　　　　　　　left(top,center,bottom)

　　　　　　　　　　right(top,center,bottom)

　　　　　　　　　　center(top,center,bottom)

　　　　　　　　　　x%    y%（注意第一個值是水平位置，第二個值是垂直位置；左上角是0%    0% ，右下角是100%   100%，若是隻指定了一個值其餘值是50%，默認爲0%    0%）

　　　　　　　　　　xpos  ypos（第一個值是水平位置，第二個值是垂直位置；單位能夠是像素也能夠是其餘css單位，若是隻指定了一個值其餘值是50%；可使用%和positions）

　　　　　　　　　　inherit : 指定background-position屬性設置應該從父元素繼承

　　七、雪碧圖、精靈圖

　　　　　　做用：將一些小的背景圖合併到大的背景中去，以便實現減小服務器的請求

　　　　　　步驟：1>、咱們根據圖像的大小建立一個元素

　　　　　　　　　 2>、將多張圖片合併爲一張圖片，下載所有所需的資源，只需一次請求，減小連接的消耗