精灵技术 雪碧图

css精灵 英文名 css sprites （精灵图、雪碧技术）  
   原理：  
 将页面中的背景图拼合到一张图片中  
 利用背景属性，使不同元素显示不同的图片部分  
   实现步骤：  
 1、图片拼合  
 2、限定容器的大小---（根据要显示图标的大小）  
 3、背景定位  
   优点：  
 1、减少网页http请求，从而大大提高页面的性能  
 2、图片命名上的困扰  
 3、更换风格方便  
   缺点：  
 1、必须要限定容器的大小  
 2、需要计算位置  
   使用场景：  
 一般适用于小图片，（小图标，小背景），不适合大背景布局