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

牢不可破

我是HTML的初学者。到目前为止,我已经了解了图像以及如何将它们包含在HTML中。我有一个正在研究的示例Web项目。而且它有一些如下的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标签添加它们

请指导我。

亚历杭德罗·鲁伊斯·阿维娜(Alejandro Ruiz Avina)

答案#1

CDNcontent delivery network是从互联网获取资源吗?我稀疏了您正在使用的框架之类的东西,例如fontawesome链接(http://fontawesome.io/icon/times/)。

答案2

您没有在任何文件夹中找到该图片,因为您没有下载它。但是您可以下载整个软件包,然后必须将该软件包链接到您的文件HTML,例如<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">在的<head>html,在font-awesome.min.css.此处引用的位置是说明的链接(http://fontawesome.io/get-started/

答案#3

他们是svg文件

答案4和5

是的,有很多它们,您可以在其中找到所有它们,只需键入您要寻找的内容,甚至可以为这些图标设置动画。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其中最大

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

带有 if 语句的 PHP 中的 FontAwsome 图标

来自分类Dev

如何在i3中设置GTK图标主题?

来自分类Dev

SlidingTabLayout仅带有图标

来自分类Dev

居中带有文字的图标

来自分类Dev

带有Angular的HTML输入中的Font Awesome图标

来自分类Dev

LI中带有图标图像的响应文本宽度

来自分类Dev

如何借助CSS在HTML中显示带有文本的图标?

来自分类Dev

日食中带有星形图标的方法是什么?

来自分类Dev

在Bootstrap 3中无法获得带有图标效果的输入

来自分类Dev

在CollapsingToolbarLayout中添加带有标题的图标

来自分类Dev

如何在Android的PopupMenu中显示带有文字的图标?

来自分类Dev

带有超棒字体的jsTree树中的节点图标

来自分类Dev

如何借助CSS在HTML中显示带有文本的图标?

来自分类Dev

如何在Android中显示带有菜单的图标

来自分类Dev

下拉菜单中带有值的图标标志

来自分类Dev

在 Xamarin 表单中显示带有图标的文本

来自分类Dev

内联块中带有垂直对齐的居中图标

来自分类Dev

Twitter网站没有开放图标记?

来自分类Dev

我的网站没有背景图标?

来自分类Dev

android gmail app,例如在图标中带有4个图标的列表视图

来自分类Dev

网站图标未在Google Chrome中显示

来自分类Dev

chrome网站商店中的大图标

来自分类Dev

如何在CKAN中更改网站图标

来自分类Dev

静态网站中的自定义图标

来自分类Dev

尝试在 Parallels Desktop 中实现网站图标

来自分类Dev

没有带有QStyleOptionButton的图标

来自分类Dev

没有带有QStyleOptionButton的图标

来自分类Dev

网站文件上传到服务器后,网站图标未在所有浏览器中显示

来自分类Dev

在一个i标签中有两个真棒字体图标

Related 相关文章

热门标签

归档