CSS中的内容属性显示图像图标

Question

创建和学习引导页面时。我遇到了css的内容属性我读了几篇文章而且我知道它是如何工作的。但是下面的代码片段显示了一个图像图标，但内容属性值确实不是图像网址而是代码。我不清楚我们如何在没有网址的情况下显示图片以及图片来自哪里？

.test.glass i:before {
  content: "\e001";
}

以下是使用上面的css显示图像图标的html元素：

<span class="test glass"><i></i></span>

但是"\e001"是图像代码还是别的东西？

Answer 1

他们是utf8代码。有很多网站描述不同标准字体的字形，但您也可以使用您选择的任何图像来定义自己的字体集。

如果您使用webfont，例如来自fontello，但是有很多像这样的网站，您可以定义要用作字符\ e0001的图像，并且无论何时您想要使用该图像，您都必须确保使用该字体 - 元素的面，并使用utf8代码显示图像。在HTML中，它会像<span class="iconfont">&#xe001;</span>一样。如果你用css添加图像，那就像你的例子。