将所有的需要用的图标放置于一个图片之上，这样减少了向服务器请求的次数，可以减轻服务器的负担，这样称之为css的sprite
方法：
<img src="一个很小的一像素的图片" class="class1"/>
其css设置为：
.class1
{
background:url("汇总的图片url");
width:需要图片的宽度;
height:需要图片的高度;
background-position:位置，从右上角开始为0,0;
} created by o07-csy
这样就可以了，如果需要CSS导航，可以如下：
<a href="#"><img src="一个很小的一像素的图片" class="class1"/></a>这样就可以了，如何hover这些待定，本人暂时没有解决，呵呵
