“css sprites”的版本间的差异
来自Blueidea
小 （忘记了添加类别） |
|||
| （未显示同一用户的4个中间版本） | |||
| 第1行： | 第1行： | ||
| − | + | CSS Sprites并没有一个确定的中文翻译，通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术，目前它已经在网页开发中发展得较为成熟。CSS Sprites并不是什么金科玉律，但在很多情况下，它有着一定的优势，最重要的是它可以减轻服务器的负载，提高网页加载速度<ref>[http://www.ibm.com/developerworks/cn/lotus/web20-perf-2/?ca=drs-tp4608#major4 如何降低页面下载时间]</ref>。 | |
| − | + | ==什么是CSS Sprites？== | |
| − | + | “Sprite”(精灵、雪碧图)这个词在计算机图形学中有它独特的定义，由于游戏、视频等画质越来越高，必须有一种技术可以智能的处理材质和贴图，并且要同时保持画面流畅。“Sprite”就是这样一种技术，它将许多图片组合到一个网格上，然后通过程序将每个网格的内容定位到画面上。 | |
| − | “Sprite”( | + | |
| − | Sprite被定位到一副静态图片上，并且通过简单的程序或硬件即可正确定位到画面上，一幅幅图片就像是被“变”出来的，他们并没有单独占用内存，所以被取名为“Sprite精灵”。 | + | CSS 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://www.yeeyan.com/articles/view/oc/39032 解密CSS Sprites：技巧、工具和教程] |
| − | *http://blog.rexsong.com/?p=746 加速图片显示 | + | *[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=455 CSS动态显示等级选择器 | + | *[http://blog.rexsong.com/?p=746 加速图片显示] |
| − | *http://realazy.org/blog/2007/10/08/css-sprites/ realazy （懒到死）对CSS Sprites的理解 | + | *[http://blog.rexsong.com/?p=455 CSS动态显示等级选择器] |
| + | *[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的一些利弊。 | ||
==其它== | ==其它== | ||
| − | + | ||
| − | *http://bbs.blueidea.com/viewthread.php?tid=2916054&page=1#pid4444399 | + | 如果你了解[[滑动门]]，就应该理解CSS Sprites。 |
| + | |||
| + | *[http://bbs.blueidea.com/viewthread.php?tid=2916054&page=1#pid4444399 利用CSS Sprites技术做的滑动门导航]，请到该帖第七楼获取源码。 | ||
| + | *[http://www.ibm.com/developerworks/cn/lotus/web20-perf-2/?ca=drs-tp4608 全面提升 Web 2.0 应用程序的性能] | ||
| + | |||
| + | |||
| + | == 备注 == | ||
| + | |||
| + | <references /> | ||
| + | |||
[[Category:CSS]] | [[Category:CSS]] | ||
2011-03-07T09:32:11的最后版本
CSS Sprites并没有一个确定的中文翻译，通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术，目前它已经在网页开发中发展得较为成熟。CSS Sprites并不是什么金科玉律，但在很多情况下，它有着一定的优势，最重要的是它可以减轻服务器的负载，提高网页加载速度[1]。
什么是CSS Sprites？
“Sprite”(精灵、雪碧图)这个词在计算机图形学中有它独特的定义，由于游戏、视频等画质越来越高，必须有一种技术可以智能的处理材质和贴图，并且要同时保持画面流畅。“Sprite”就是这样一种技术，它将许多图片组合到一个网格上，然后通过程序将每个网格的内容定位到画面上。
CSS 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 应用程序的性能
