css sprites

CSS Sprites

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

什么是CSS Sprites？

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

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

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

• http://www.yeeyan.com/articles/view/oc/39032 解密CSS Sprites：技巧、工具和教程
• http://www.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials/ The Mystery Of CSS Sprites: Techniques, Tools And Tutorials(上面链接的英文原文)
• http://blog.rexsong.com/?p=746 加速图片显示
• http://blog.rexsong.com/?p=455 CSS动态显示等级选择器
• http://realazy.org/blog/2007/10/08/css-sprites/ realazy （懒到死）对CSS Sprites的理解

其它

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

• http://bbs.blueidea.com/viewthread.php?tid=2916054&page=1#pid4444399 7楼的第一个运行框的代码。