css sprites

CSS Sprites

CSS Sprites并没有一个确定的中文翻译，通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术，目前它已经在网页开发中发展得较为成熟。CSS Sprites并不是什么金科玉律，但在很多情况下，它有着一定的优势，最重要的是它可以减轻服务器的负载，提高网页加载速度。

什么是CSS Sprites？

“Sprite”(精灵)这个词在计算机图形学中有它独特的定义，由于游戏、视频等画质越来越高，必须有一种技术可以智能的处理材质和贴图，并且要同时保持画面流畅。“Sprite”就是这样一种技术，它将许多图片组合到一个网格上，然后通过程序将每个网格的内容定位到画面上。

Sprite被定位到一副静态图片上，并且通过简单的程序或硬件即可正确定位到画面上，一幅幅图片就像是被“变”出来的，他们并没有单独占用内存，所以被取名为“Sprite精灵”。

了解、学习、应用CSS Sprites的外部链接

• 解密CSS Sprites：技巧、工具和教程
• The Mystery Of CSS Sprites: Techniques, Tools And Tutorials(上面链接的英文原文)
• 加速图片显示
• CSS动态显示等级选择器
• realazy （懒到死）对CSS Sprites的理解
• CSS Sprites的一些技巧
• CSS Sprites：鱼翅还是三鹿？，探讨了CSS Sprites的一些利弊。

其它

如果你了解滑动门，就应该理解CSS Sprites。

• 利用CSS Sprites技术做的滑动门导航，请到该帖第七楼获取源码。
• 全面提升 Web 2.0 应用程序的性能