回答＃1

Question

我是HTML的初学者。直到现在我已经了解了图像以及如何将它们包含在HTML中。我有一个我正在研究的样本网络项目。它有一些HTML代码如下

   <li><a class="close-link"><i class="fa fa-close"></i></a>
                                                    </li>

此代码在前端创建“CROSS”（ X ）图像/图标。

问题1：如何在前端实际绘制图像。通常，为了获得图像，我会执行"<img src = "image.jpg>"之类的操作。所以我很困惑如何加载“CROSS”图像/图标。

问题2：在项目文件夹中我可以找到此图像/图标。我无法在项目文件夹中找到它。是否有任何特殊文件夹保存这些图像/图标。

问题3：这些图像的扩展名是什么？ “jpg”“gif”还是什么？

问题4：我是否可以在线使用这些类型的图像列表，我可以在项目中使用。

问题5：如果列表无法在线获取，那么我该如何创建这样的图像并使用 i 标记添加它们。

请指导我。

Answer 1

回答＃1

CDN .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color /*here goes your background color*/ }是否从互联网上获取来源我使用像content delivery network之类的框架这样的内容，这就是链接（http://fontawesome.io/icon/times/）。

回答＃2

您无法在任何文件夹中找到该图像，因为您没有下载它。但是，您可以下载整个软件包，然后您必须使用fontawesome之类的内容将该软件包与HTML相关联。在<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">的{{1}}中，将该位置引用到您的<head> html这里是说明链接（http://fontawesome.io/get-started/）

回答＃3

他们是font-awesome.min.css.个文件

答案4＆amp; 5

是的，你可以在那里找到所有这些，只需键入你要找的东西，你甚至可以为这些图标制作动画。（http://fontawesome.io/examples/）链接中的示例。只是一个简单的解释 svg
i class="fa fa-camera-retro fa-lg"> fa-lg fa-2x fa-3x fa-4x fa-5x用于描述图标的名称（图标）
class是图标的大小，fa-2x是最大的

关于网站中带有“i”的图标

1 个答案:

回答＃1

回答＃2

回答＃3

答案4＆amp; 5