css sprites

 一个比较好的玩意，将页面所需图片整合到一起，再通过css的background-position两个(可选的)变量：水平位置(horizontal)和垂直位置(vertical)来实现图片的应用。

 background-position: ？px ？px;  

 

网上搜索到个好用网站：

http://cn.spritegen.website-performance.org/

上传打包好的图片即可得到所要的整合图片以及样式……

 

不过个人人觉得有空的话还是自己Ps比较好，那样才让图片的布局更加合理精湛……

对了，需要repeat的图片注意了，因为用的是background属性，所以想实现的话需要独占一行才行。