“css sprites”的版本间的差异
来自Blueidea
小 (增加一篇文章外链,并将修改链接文本。) |
小 (→【增加两个外部链接】了解、学习、应用CSS Sprites的外部链接) |
||
第9行: | 第9行: | ||
==了解、学习、应用CSS Sprites的外部链接== | ==了解、学习、应用CSS Sprites的外部链接== | ||
+ | |||
*[http://www.yeeyan.com/articles/view/oc/39032 解密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://www.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials/ The Mystery Of CSS Sprites: Techniques, Tools And Tutorials](上面链接的英文原文) | ||
第14行: | 第15行: | ||
*[http://blog.rexsong.com/?p=455 CSS动态显示等级选择器] | *[http://blog.rexsong.com/?p=455 CSS动态显示等级选择器] | ||
*[http://realazy.org/blog/2007/10/08/css-sprites/ realazy (懒到死)对CSS Sprites的理解] | *[http://realazy.org/blog/2007/10/08/css-sprites/ realazy (懒到死)对CSS Sprites的理解] | ||
+ | *[http://www.qianduan.net/css-spriting-tips.html CSS Sprites的一些技巧] | ||
+ | *[http://www.qianduan.net/css-sprites-useful-technique-or-potential-nuisance.html CSS Sprites:鱼翅还是三鹿?],探讨了CSS Sprites的一些利弊。 | ||
==其它== | ==其它== |
2010-04-12T14:07:49的版本
CSS Sprites
CSS Sprites并没有一个确定的中文翻译,通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术,目前它已经在网页开发中发展得较为成熟。CSS Sprites并不是什么金科玉律,但在很多情况下,它有着一定的优势,最重要的是它可以减轻服务器的负载,提高网页加载速度[1]。
什么是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 应用程序的性能