“css sprites”的版本间的差异
来自Blueidea
小 （→【增加两个外部链接】了解、学习、应用CSS Sprites的外部链接） |
小 （→更换“H的位置”,H2和H1标题重复了） |
||
| 第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并没有一个确定的中文翻译，通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术，目前它已经在网页开发中发展得较为成熟。CSS Sprites并不是什么金科玉律，但在很多情况下，它有着一定的优势，最重要的是它可以减轻服务器的负载，提高网页加载速度<ref>[http://www.ibm.com/developerworks/cn/lotus/web20-perf-2/?ca=drs-tp4608#major4 如何降低页面下载时间]</ref>。 | ||
==什么是CSS Sprites？== | ==什么是CSS Sprites？== | ||
| + | |||
“Sprite”(精灵)这个词在计算机图形学中有它独特的定义，由于游戏、视频等画质越来越高，必须有一种技术可以智能的处理材质和贴图，并且要同时保持画面流畅。“Sprite”就是这样一种技术，它将许多图片组合到一个网格上，然后通过程序将每个网格的内容定位到画面上。 | “Sprite”(精灵)这个词在计算机图形学中有它独特的定义，由于游戏、视频等画质越来越高，必须有一种技术可以智能的处理材质和贴图，并且要同时保持画面流畅。“Sprite”就是这样一种技术，它将许多图片组合到一个网格上，然后通过程序将每个网格的内容定位到画面上。 | ||
| − | Sprite被定位到一副静态图片上，并且通过简单的程序或硬件即可正确定位到画面上，一幅幅图片就像是被“变”出来的，他们并没有单独占用内存，所以被取名为“Sprite精灵”。 | + | CSS Sprite被定位到一副静态图片上，并且通过简单的程序或硬件即可正确定位到画面上，一幅幅图片就像是被“变”出来的，他们并没有单独占用内存，所以被取名为“Sprite精灵”。 |
==了解、学习、应用CSS Sprites的外部链接== | ==了解、学习、应用CSS Sprites的外部链接== | ||
| 第19行： | 第18行： | ||
==其它== | ==其它== | ||
| − | + | ||
| + | 如果你了解[[滑动门]]，就应该理解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 应用程序的性能] | *[http://www.ibm.com/developerworks/cn/lotus/web20-perf-2/?ca=drs-tp4608 全面提升 Web 2.0 应用程序的性能] | ||
2010-04-12T14:11:37的版本
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 应用程序的性能
