First, let's take a quick look at YouTube and how they use CSS Sprites (Figure 6). You can find YouTube's CSS Sprite here.

首先，让我们快速浏览一下YouTube，看一看他们是如何使用CSS Sprites的(如图6)。

youdao

With image sprites, you will have CSS selectors for each link that display only a portion of the image Sprite - effectively showing just the image you need.

有了图片精灵，你将要用CSS选择器对每个只显示精灵中部分图片的链接进行处理：只要你需要的那部分。

youdao

You'll also learn how to set up the Sprite using some basic CSS techniques (CSS background Sprite and CSS text image replacement).

同时你也会学习到应用基础CSS的技巧CSS背景图片翻转。

youdao

Setting the class combines the image Sprite info from the CSS with the link, showing only that region of the Sprite.

用CSS和链接设置类，将精灵的信息组合起来，只显示精灵的一部分。

youdao

Setting the class combines the image Sprite info from the CSS with the link, showing only that region of the Sprite.

用CSS和链接设置类，将精灵的信息组合起来，只显示精灵的一部分。

youdao