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>、将多张图片合并为一张图片，下载所有所需的资源，只需一次请求，减小连接的消耗