如何指向图标集中的特定图标?

安杰洛

这不是我第一次看到这种图像:

在此处输入图片说明

似乎每个图标都使用CSS(???)以编程方式指向。它称为图标集吗?浏览网站时,我可以分别看到这些图标,但是当我尝试保存它们时,它们将显示为base64编码文件,并且所有单个图像都放在同一png文件中。我的意思是,它如何运作?有没有办法拆分它们?如何在网站中使用它们?

谢谢!

比尔·凯勒

它被称为“ CSS Image Sprite”。

链接与更多信息:

这是Web开发中非常常见的方法。很大程度上是因为它有助于限制HTTP请求。图像仅下载一次到用户缓存中,然后四处移动以仅显示所需的部分。这比下载多个图像要有效得多。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何指向图标集中的特定图标?

来自分类Dev

如何找到快速启动图标指向的位置

来自分类Dev

如何在小边框元素内集中图标?

来自分类Dev

导入特定材质的图标

来自分类Dev

检查JLabel的图标是否为特定图标

来自分类Dev

android应用,其中包含指向特定应用的快捷方式图标

来自分类Dev

如何在Laravel链接图标图标

来自分类Dev

如何转换字体图标中的图标

来自分类Dev

如何从图标包中加载图标

来自分类Dev

如何停止在特定区域的桌面上显示图标?

来自分类Dev

如何获取特定桌面图标的GUID?

来自分类Dev

如何从底部导航视图更改特定的图标图像

来自分类Dev

如何获取特定桌面图标的GUID?

来自分类Dev

如何停止在特定区域的桌面上显示图标?

来自分类Dev

GtkSourceGutter - 如何在特定行上呈现图标或文本

来自分类Dev

如何在extjs桌面中设置指向桌面图标的链接?

来自分类Dev

如何从插件引用图标?

来自分类Dev

如何移动DatePicker的图标>

来自分类Dev

如何更改pygame图标?

来自分类Dev

如何获取apk图标

来自分类Dev

如何更改面板图标?

来自分类Dev

如何更改滤芯图标

来自分类Dev

如何隐藏BottomNavigation图标?

来自分类Dev

如何翻转glyphicon图标

来自分类Dev

如何更改面板图标?

来自分类Dev

如何更改Firefox图标?

来自分类Dev

如何从ActionBar隐藏图标?

来自分类Dev

如何设置窗口的图标

来自分类Dev

物化图标如何工作?