- font awesome简称fa特点
- 使用Font Awesome先引入
-
怎么使用图标
-
基本图标
- 子主题 1
-
大图标
- 还有fa-2x/fa-3x/fa-5x
- 固定宽度(用于对齐)
-
用于列表fa-ul和fa-li
- 先在ul元素添加class="fa-ul"
- 再li元素添加class="fa-li fa fa-home"
- 作用是将无序列表的默认符号替换掉
-
边框和对齐
- 类似首行缩进的特效
-
动画.让图标动起来ajax
- refresh图标转起来
-
旋转与翻转
- 图标旋转90度
- 图标翻转垂直90度
-
多个组合生成新图标
- 创建span父元素
- 创建大框框作为底层(span内)
- 创建twitter小图标覆盖
- bootstrap3示例