css教程之css_sprite

《css教程之css_sprite》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、CSS之CSSSprite【精灵】简单介绍：网页中存在很多图片，特别是小图标，都需要客户端发送服务器请求。所以为了减少发送请求数量，我们可以把所有的图标以及小图像包含在一个图像中。ThisisCSSSprite.我有6张小图片下面我要把它们合到一张图片中，当然这需要软件，你可以百度看看有没有方便的CSSSprite的软件。看，我做成了一张图片。下面我讲将这些图标用于页面上的一uili的左边。/*****************************************************************************/Ok,CSS精灵学习完毕，核心就在设置不同

2、的background-position。background-position：10px12px，意思是从背景图片的x=10px,y=12px开始显示，注意参照的是图片。未完。。。请继续往下翻。。。嗯，第三个教程也很详细的介绍过background-position，不清楚记得查看。总结lWhatisCSSSpritelHowtouselTryit制作CSSSprite图片的工具，你在网上找找看。