版权声明：本文为博主原创文章，未经博主同意不得转载。 https://blog.csdn.net/XTQueen_up/article/details/37601361
说白就是用样式表切一个大图片
如今非常多好的站点都是这么写，然后非常多位置的图片，就用一张图片。然后一次URL请求即可了。加快站点訪问速度
这个就是切片工具能够直接导出下图框框中的内容
这个是切片工具 所有拆分切开 用CSS精灵的方式合并到一起就ok了
这里就是CSS精灵的写法 全用的一张图片 默认是 图片的位置是你div的左上角開始，我们用background-position，给他向左。向上移动一下 ，显示效果就变了。将会显示不同位置的图片，有些地方须要做平铺。所以我是横着切图的。终于文件就是那个res.png。
那么怎样推断位置究竟是多少？
用PS的切片工具，能够直接看到位置和宽高
————————————————————————————————————
原文地址 ： 点击打开链接