包含许多较小图像的css图像文件

Question

我是一个有css的真正的菜鸟，并且已经看过很多次，在一个更大的文件中有很多小图标。我想知道我是否可以使用这样的东西来制作我正在制作的评级系统。五颗星是最好的，一颗是最差的。我希望能够使用包含所有星星的单个文件，然后根据评级，显示正确的评级。我习惯于通过切片图像然后以这种方式显示评级来做旧方式。

这是什么，我在哪里可以找到更多信息？

Answer 1

这是一种称为CSS精灵的技术。主要优点是您可以保存一些（有时是很多）HTTP请求。

例如，您可以阅读有关here的信息，还有一篇好文章也可以在diagonal CSS sprites上阅读。

当你开始构建自己的工具时，会有很多工具可以为你组合较小的图片，并生成具有正确background-position值的匹配CSS。

Answer 2

尝试搜索CSS精灵 - 这是一个不错的介绍

http://css-tricks.com/css-sprites/

和SpriteMe是一个时髦的小书签，可以为您创建精灵图像的繁重工作

http://spriteme.org/

两个链接都指向其他阅读

Answer 3

它被称为css sprites。

Answer 4

在本文中称之为“ css sprites ”，并举例说明如何对图片进行评分：

http://www.last-child.com/image-sprites-flexible-and-accessible-packages/