一、原理： 字体图标是在 Web 项目中使用的图标字体，利用CSS3 @font-face 规则引入雪碧图文件，通过方位显示某个图标，常用图标可直接使用glyphicons/font-awesome; 官网：http://fontawesome.io/ 官网：https://glyphicons.c ...
分类：
其他好文 时间：
2019-12-27 13:19:39
阅读次数：
624
font-awesome一个很强大的字体图标库。下载链接：http://fontawesome.dashgame.com/刚开始使用font-awesome的新手往往容易只引入一个css文件，这样就会导致图标显示不出来。如下图： 下载解压后我们至少需要引入这两个文件夹css、fonts,）这两个文件 ...
分类：
其他好文 时间：
2019-11-25 14:58:58
阅读次数：
118
css引入 <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> body主体结构 <body id="top"> <div class="contai ...
分类：
其他好文 时间：
2019-11-23 16:19:10
阅读次数：
69
bootstrap4中默认取消了Font Awesome图标的应用，所以如果要使用相关图标就需要我们自己手动添加，具体步骤如下： 1.下载Font Awesome "下载地址" 基本图标下载免费版就可以了。下载 free for web ` 2.将下载的文件解压到bootstrp4目录中 3.在ht ...
分类：
其他好文 时间：
2019-11-02 14:04:08
阅读次数：
205
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>FontAwesome动态旋转图标</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax... ...
分类：
其他好文 时间：
2019-10-31 16:40:57
阅读次数：
376
想实现的效果就是数据悬浮在“？”上时出现一个div,有一个解释说明，实现效果如下： 1、首先实现“？”样式，在网址http://fontawesome.dashgame.com/ 上下载文件。解压后找到css文件夹下font-awesome.min.css 在html页面进行引用 html代码 Js ...
分类：
Web程序 时间：
2019-10-30 09:13:27
阅读次数：
179
本文链接：https://blog.csdn.net/learn8more/article/details/837436551. FontAwesome （墨刀内置图标库）：http://fortawesome.github.io/Font-Awesome/icons/ 2. Ionicons（iO ...
分类：
移动开发 时间：
2019-10-04 13:03:12
阅读次数：
185
1. Markdown中如何添加特殊符号 https://blog.csdn.net/Logicr/article/details/82414854 2. 巧用 Font Awesome 装点 Markdown 文档 https://sspai.com/post/45217 3. Markdown图 ...
分类：
其他好文 时间：
2019-10-02 12:59:26
阅读次数：
64
1、html快速生成 !+ Tab 2、ctr+shift+x 打开插件商城 常用插件： Auto Close Tag Auto Rename Tag Beautify Bootstrap 4 & Font awesome snippets Bracket Pair Colorizer Class ...
分类：
其他好文 时间：
2019-09-28 10:34:14
阅读次数：
241
移动端布局 rem单位 引入 rem.js 文件后，css 中就可以直接写 rem 单位了，改变移动端设备时，宽高会等比例更新。 flexbox布局（弹性盒布局） font-awesome 字体图标 transition 过渡 Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果 ...
分类：
移动开发 时间：
2019-09-20 22:45:30
阅读次数：
102
