CSS sprites (css 精灵)实现教程

首先介绍一下css精灵的基本规则： 1.静态图片，不随用户信息的变化而变化 2.小图片，图片容量比较小 3.加载量比较大 优点：有效较少http请求数量，加速内容显示，每一次请求，就会与服务器建立一次链接。 你们所看到的精灵图都是由css background-position属性所控制的     原理是：通过控制一个层，可显示的区域范围大小，通过一个窗口，进行背景图的滑动 雪碧图的生成：PS手动

>>阅读原文<<