比如要将一张200X50的图片放入页面，传统做法是
<img src=“源图片”height=”200px” width=”50px”/>
而用css，则可以在页面中写入<span id=”img”></span>，css中这样写：
#img{display:block;width:50px;height:200px;background:url(源图片);}
为什么要用display:block;？display:block;就是将行内元素强行转化为块级元素。此处作用就是将整个宽200高50的区域整个块级化。
回到正文来，我此处就是用css装入这张图片的。上面css中我只写了重要的部分，其余省略。加粗部分“left 15px”就是定位图片了，相比较而言，这个只有两张图片的比较容易。left即是水平方向从最左端加载，15px是针对我自己的网站而言，由于图片所属整个层区域高度相对图片较大，所以需要图片往下靠一点。你可以理解为在整张图片上高度增加了15px。
第二个“left bottom”，就是鼠标移上去时的所需图片。第二张图片我放在最底部，所以垂直方向直接用bottom从底部定位。
上面是我自己的例子，关于大量处于同一张图片上的定位，以及如何处理位于同一张图片上的各个图标更容易等，下次再说。当然，我是初学者，所用名词、术语有所不当，所说内容有错误之处，老鸟经过，还望指教。网页制作
