Web图标教程 - 芒果文档

📅 最后修改于: 2020-10-17 05:58:48 🧑 作者: Mango

我们有许多可用的图标字体(库)，可以像使用普通文本字体一样在HTML页面上使用。令人敬畏的字体，Bootstrap Glyphicons和Google的Material Icon是Web开发人员经常使用的主要Icon字体。本教程说明了如何在实践中使用这些图标字体。听众本教程适用于希望在其网页上使用图标的HTML开发人员。先决条件在继续本教程之前，您应该对HTML和CSS有很好的了解。...

Web图标-简介

📅 最后修改于: 2020-10-17 05:59:07 🧑 作者: Mango

图标是用于表示网页上的特定操作或功能的符号。图标用于文档和应用程序中，它们可以是可选的，也可以是不可选择的。例如，我们在应用程序的按钮上看到的图像都是图标，并且这些按钮是可选的。同样，当我们使用图标作为公司徽标时，通常是不可选择的。在Windows环境中，如果我们将系统音量设为静音，它将在一个图标的帮助下表示，如下所示。使用Web图标，我们可以代表加载页面，禁用的选项，链接，重定向等。这些图标可以...

字体真棒图标

📅 最后修改于: 2020-10-17 05:59:28 🧑 作者: Mango

字体超赞图标库提供519个免费可缩放矢量图标。该库完全免费，可用于个人和商业用途。这些图标最初是为Bootstrap设计的，可以轻松自定义。加载字体库要加载Font Awesome库，请将以下行复制并粘贴到网页的<head>部分中。使用图标Font Awesome提供了几个图标。选择其中之一，然后将图标类的名称添加到<body>标记内的任何HTML元素。在以下示例中，我们使用了印度货币的图标。现场...

真棒字体-手形图标

📅 最后修改于: 2020-10-17 05:59:44 🧑 作者: Mango

本章介绍“真棒手形字体”图标的用法。假设custom是我们定义大小和颜色的CSS类名称，如下面的示例所示。下表显示了“真棒手形字体”图标的用法和结果。用表中给出的代码替换上面程序的<body>标签，以获取相应的输出-UsageResult<...

字体超赞-交通图标

📅 最后修改于: 2020-10-17 06:00:00 🧑 作者: Mango

本章介绍了“字体特效运输”图标的用法。假设custom是我们定义大小和颜色的CSS类名称，如下面的示例所示。下表显示了Font Awesome Transportation图标的用法和结果。用表中给出的代码替换上面程序的<body>标签，以获取相应的输出-UsageResult<i class=”fa fa-automob...

真棒字体-性别图标

📅 最后修改于: 2020-10-17 06:00:15 🧑 作者: Mango

本章介绍字体真棒性别图标的用法。假设custom是我们定义大小和颜色的CSS类名称，如下面的示例所示。下表显示了Font Awesome Gender图标的用法和结果。用表中给出的代码替换上面程序的<body>标签，以获取相应的输出-UsageResult...

字体超赞-文件类型图标

📅 最后修改于: 2020-10-17 06:00:32 🧑 作者: Mango

本章介绍“字体超棒文件类型”图标的用法。假设custom是我们定义大小和颜色的CSS类名称，如下面的示例所示。现场演示下表显示了“真棒字体类型”图标的用法和结果。用表中给出的代码替换上面程序的<body>标签，以获取相应的输出-UsageResult</i...

真棒字体-微调图标

📅 最后修改于: 2020-10-17 06:00:45 🧑 作者: Mango

本章介绍“字体特效微调”图标的用法。假设custom是我们定义大小和颜色的CSS类名称，如下面的示例所示。下表显示了Font Awesome Spinner图标的用法和结果。用表中给出的代码替换上面程序的<body>标签，以获取相应的输出-UsageResult<i class=”fa fa-cog custom...

真棒字体-表单控件图标

📅 最后修改于: 2020-10-17 06:01:00 🧑 作者: Mango

本章介绍了“字体真棒表单控件”图标的用法。假设custom是我们定义大小和颜色的CSS类名称，如下面的示例所示。下表显示了Font Awesome Form Control图标的用法和结果。用表中给出的代码替换上述程序的<body>标签，以获取相应的输出-UsageResult<i class=”fa fa-chec...

真棒字体-付款图标

📅 最后修改于: 2020-10-17 06:01:14 🧑 作者: Mango

本章介绍“字体超棒付款”图标的用法。假设custom是我们定义大小和颜色的CSS类名称，如下面的示例所示。下表显示了Font Awesome Payment图标的用法和结果。用表中给出的代码替换上面程序的<body>标签，以获取相应的输出-UsageResult<i class=”fa fa-cc-diners-club cu...

字体超赞-图表图标

📅 最后修改于: 2020-10-17 06:01:31 🧑 作者: Mango

本章介绍字体真棒图表图标的用法。假设custom是我们定义大小和颜色的CSS类名称，如下面的示例所示。下表显示了“真棒字体图表”图标的用法和结果。用表中给出的代码替换上面程序的<body>标签，以获取相应的输出-UsageResult<i cla...

字体超赞-货币图标

📅 最后修改于: 2020-10-17 06:01:49 🧑 作者: Mango

本章介绍了“字体特效货币”图标的用法。假设custom是我们定义大小和颜色的CSS类名称，如下面的示例所示。下表显示了Font Awesome Currency图标的用法和结果。用表中给出的代码替换上面程序的<body>标签，以获取相应的输出-UsageResult</i...

真棒字体-文本编辑器图标

📅 最后修改于: 2020-10-17 06:02:12 🧑 作者: Mango

本章介绍字体真棒文本编辑器图标的用法。假设custom是我们定义大小和颜色的CSS类名称，如下面的示例所示。下表显示了Font Awesome Text Editor图标的用法和结果。用表中给出的代码替换上面程序的<body>标签，以获取相应的输出-UsageResult<i class=”fa fa-align-j...

真棒字体-方向图标

📅 最后修改于: 2020-10-17 06:02:39 🧑 作者: Mango

本章介绍字体真棒方向图标的用法。假设custom是我们定义大小和颜色的CSS类名称，如下面的示例所示。下表显示了“真棒字体定向”图标的用法和结果。用表中给出的代码替换上面程序的<body>标签，以获取相应的输出-UsageResult<i class=”fa fa-angle-double-left cu...

字体超赞-视频播放器图标

📅 最后修改于: 2020-10-17 06:02:57 🧑 作者: Mango

本章介绍“字体超赞视频播放器”图标的用法。假设custom是我们定义大小和颜色的CSS类名称，如下面的示例所示。下表显示了Font Awesome Video Player图标的用法和结果。用表中给出的代码替换上面程序的<body>标签，以获取相应的输出-UsageIcons<i class=”fa fa-backwar...