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添加图像,那么就像你的例子.