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

Question

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

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

Answer 1

这是一种称为 CSS Sprite 的技术。主要优点是您可以节省一些(有时，很多)HTTP 请求。

您可以阅读有关它们的信息 here ，例如，一篇值得阅读的好文章也是 diagonal CSS sprites 上的这篇文章.

当您开始构建自己的图片时，周围有很多工具可以为您组合较小的图片，还可以生成具有适当 background-position 值的匹配 CSS。