把多张图放在一张图里，然后如何在网页中分别调用呢
如题

------解决方案--------------------
.ccc{
 background:url(../images/xxx.gif) no-repeat x y;
}
上例中的x和y就代表提取图片的位置。x是横坐标，y是纵坐标，又如：

.ccc{
 background:url(../images/xxx.gif) no-repeat 0 -30px;
}

这个的意思是指把xxx.gif这张图片的横坐标定位为0，纵坐标定位成30px，也就是将xxx.gif向上提30px，然后左边顶部对齐。

那么我们将x坐标的值换成其它数值，又是什么意思呢？比如：

.ccc{
 background:url(../images/xxx.gif) no-repeat 100% -30px;
}

这句的意思就是指，将xxx.gif这张图片放到最右边，向上移动30px，当然您也可以直接这样写：

.ccc{
 background:url(../images/xxx.gif) no-repeat right -30px;
}

background的定位可以用百分比，精确定位，绝对定位

截取图片的位置有了。再根据本对象的width,height就决定截取图片的大小了。
------解决方案--------------------
首先你需要在PS中将小图都合成到一个大图里面。然后去百度“图片偏移量”，就能知道如何在一张大图中把小图定位出来
基本思路是这样的，需要为你的元素（要显示小图的元素）定义宽和高（这个宽高和小图的宽高是一致的），然后使用图片偏移量技术将小图作为背景图片显示到你的元素上