HTML样式图标

Question

我下载网站后在很多网站上看到以下类型的图片，我对此图片一无所知

请你解释一下..

我猜这些都是图标并组合在一起，如果我是正确的，我怎么能在HTML页面中使用它。

Answer 1

这是一个所谓的精灵图像。对于小元素，您使用与背景图像相同的图像，并使用background-position设置正确的图标。

优点是，您只需加载一次图像。

请参阅此article about sprite images。

Answer 2

这些是图像精灵：http://www.w3schools.com/css/css_image_sprites.asp 您可以将这些组合图像用作背景图像 - 并将它们移动到正确的位置。