CSS Sprite雪碧图应用

使用雪碧图的规则：

 1.静态图片，不随用户信息的变化而变化

 2.小图片，图片容量比较小

 3.加载量比较大

一些大的图片不建议拼成雪碧图。

雪碧图使用步骤：

 使用小图片的地方使用的标签是<i></i>，然后通过css的background-position及background来显示图片及位置。

雪碧图的使用优点：

 有效的额减少http的请求数量，加速内容的显示。每请求一次，就会和服务器连接一次，建立连接是需要额外时间的。

雪碧图的生成工具：

 雪碧图精灵CssSprite这个使用比较简单，推荐。