css雪碧图相关

每http请求一次，就会和服务器连接一次，而建立连接时需要额外的时间开销

 

CSS Sprite使用优化：有效的减少http请求数量，加速内容显示

 

CSS Sprite 使用规则：

1、静态图片，不随用户信息的变化而变化（通常在网站上以常态的形式存在）

2、小图片，图片容积比较小

3、3K-5K容量，网站加载量比较大

   （一些大图不建议使用Sprite图，用户加载量较大）

 

实现原理：

控制一个层，可显示的区域范围大小，

通过一个窗口，进行背景图的滑动

 

实现方式：

1.ps手动P图  

2.使用sprite工具自动小图集成大图，并返回position,如cssGaga工具

 

cssGaga工具下载地址：http://www.99css.com/1524/