关于网站中带有 "i" 的图标
Regarding icons with "i" in web site
我是 HTML 的初学者。到目前为止，我已经了解了图像以及如何将它们包含在 HTML 中。我有一个正在研究的示例 Web 项目。它有一些 html 代码如下
<li><a class="close-link"><i class="fa fa-close"></i></a>
</li>
并且此代码在前端创建了一个 "CROSS" (X)image/icon。
问题1：图片在前端是如何绘制的。通常为了获得图像，我会做类似 "<img src = "image.jpg>" 的事情。所以我很困惑 "CROSS" image/icon 是如何加载的。
问题 2：我可以在项目文件夹的哪个位置找到这个 image/icon。我无法在项目文件夹中找到它。这些images/icons有没有什么特殊的文件夹。
问题三：这些图片的扩展名是什么？ "jpg" "gif" 还是什么？
问题4：网上有没有我可以在项目中使用的这些类型的图像列表。
问题 5：如果该列表无法在线获得，那么我如何创建这样的图像并使用 i 标签添加它们。
请指导我。
回答 #1
是 CDN content delivery network 是从互联网上获取源代码吗？我想你正在使用的是像 fontawesome 这样的框架，这里是 link（http://fontawesome.io/icon/times/ ).
答案 #2
您在任何文件夹中都找不到图片，因为您没有下载它。但是你可以下载整个包，然后你必须 link 那个包到你的 HTML 像 <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css"> 在你的 html 的 <head>，参考font-awesome.min.css. 的位置是 link 说明 (http://fontawesome.io/get-started/)
回答 #3
它们是 svg 个文件
回答 4 和 5
是的，这里有很多，您可以在其中找到它们，只需键入您要查找的内容，您甚至可以为这些图标设置动画。 link 中的 (http://fontawesome.io/examples/) 个示例。只是一个快速的解释
i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x
<i class="fa fa-camera-retro fa-3x"></i> fa-3x
<i class="fa fa-camera-retro fa-4x"></i> fa-4x
<i class="fa fa-camera-retro fa-5x"></i> fa-5x
class用于描述图标的名称（哪个图标）
fa-2x 是图标的大小，fa-5x 最大
我是 HTML 的初学者。到目前为止，我已经了解了图像以及如何将它们包含在 HTML 中。我有一个正在研究的示例 Web 项目。它有一些 html 代码如下
<li><a class="close-link"><i class="fa fa-close"></i></a>
</li>
并且此代码在前端创建了一个 "CROSS" (X)image/icon。
问题1：图片在前端是如何绘制的。通常为了获得图像，我会做类似 "<img src = "image.jpg>" 的事情。所以我很困惑 "CROSS" image/icon 是如何加载的。
问题 2：我可以在项目文件夹的哪个位置找到这个 image/icon。我无法在项目文件夹中找到它。这些images/icons有没有什么特殊的文件夹。
问题三：这些图片的扩展名是什么？ "jpg" "gif" 还是什么？
问题4：网上有没有我可以在项目中使用的这些类型的图像列表。
问题 5：如果该列表无法在线获得，那么我如何创建这样的图像并使用 i 标签添加它们。
请指导我。
回答 #1
是 CDN content delivery network 是从互联网上获取源代码吗？我想你正在使用的是像 fontawesome 这样的框架，这里是 link（http://fontawesome.io/icon/times/ ).
答案 #2
您在任何文件夹中都找不到图片，因为您没有下载它。但是你可以下载整个包，然后你必须 link 那个包到你的 HTML 像 <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css"> 在你的 html 的 <head>，参考font-awesome.min.css. 的位置是 link 说明 (http://fontawesome.io/get-started/)
回答 #3
它们是 svg 个文件
回答 4 和 5
是的，这里有很多，您可以在其中找到它们，只需键入您要查找的内容，您甚至可以为这些图标设置动画。 link 中的 (http://fontawesome.io/examples/) 个示例。只是一个快速的解释
i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x
<i class="fa fa-camera-retro fa-3x"></i> fa-3x
<i class="fa fa-camera-retro fa-4x"></i> fa-4x
<i class="fa fa-camera-retro fa-5x"></i> fa-5x
class用于描述图标的名称（哪个图标）
fa-2x 是图标的大小，fa-5x 最大