css精灵技术

精灵技术

    英文名：css sprites(精灵图 雪碧技术）

原理：将页面中的背景图拼合到一张图片张  利用背景属性，使不同的元素显示不同的图片部分

实现步骤

       1、图片拼合

        2、限定容器的大小---根据要显示图标的大小

        3、背景定位

优点：

      1、减少网页的HTTP请求，从而大大提高页面的性能

       2、图片命名的困扰

       3、跟换风格方便

缺点：

         1、必须限定容器的大小

         2、需要计算位置