CSS Sprites图片合并
设置字体: 小 中 大CSS Sprites是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需 顾忌这个问题。
比如：
当用户往U盘中拷200张图片，会等很久。但是如果弄成一个文件，再拷贝就会快很多。
CSS Sprites 的目的就是通过整合图片，减少对服务器的请求数量，从而加快页面加载速度。
实现方法：
- 首先将小图片整合到一张大的图片上
- 然后根据具体图标在大图上的位置，给背景定位。background-position:-8px -95px;
实战技巧：
- 小图片排列方面：颜色相近的图片放在一起，可以减少输出的色数，进一步降低文件体积。
- 整合图片生成方面：PNG8的图像比GIF图像要小30%左右。
- 通过工具再压缩：fireworks生成的PNG比photoshop更小，而一些专用的压缩软件也可以让图片再小一些。
代码预览：
提示：你可以先修改部分代码再运行。
以前用过这种方法，有点麻烦，去找图片的位置的时候会浪费很多时间
[回复]
oh，终于明白新浪那个嵌着一大堆图标的图片是咋回事了
[回复]
搞点代码预览一下嘛··
[回复]
hemin 回复:
十月 30th, 2009 at 11:21 上午
@wfly126, 呵呵，没问题。这个建议不错。
[回复]