一、原理: 字体图标是在 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