图片整合 (精灵图 雪碧图 )

              把多张背景图整合到一张，利用background-position找到图的位置 
                
                background-position：水平方向  垂直方向 ; 背景图的位置 
                background-position:left top也相当于0 0  默认的
                    
                    水平方向  left right center 数值
                    垂直方向  top bottom center 数值
                    水平方向取值为正，往右，取值为负，往左
                    垂直方向取值为正，往下，取值为负，往上
                    
             目标：
                 为了减少向服务器的请求次数，从而提高页面的加载速度 
                 减少图片的总体积