字体图标的使用
本质是字体，表现形式是图标
阿里巴巴矢量图标库
-
unicode编码引入（引入方式不是很直观，不推荐）
-
font class引入（书写起来非常的直观） 步骤：
1. 引入字体图标的css文件iconfont.css 2. 书写i标签，添加iconfont公共类名 3. 打开示例demo_index.html, 切换font class选项卡，挑选图标，复制类名，再进行粘贴 -
symbol引入
- 支持多色图标
- 缺点：兼容性很差 ie 9+
-
在线引入 （推荐）
- 挑选图标之后，点击加入购物车，在购物车页面，我们要选择添加至项目，没有项目就创建一个项目进行添加。
- 在我的项目中，点击font class选项卡，再点击查看在线链接
- 复制链接，回到html文件中，书写link标签，粘贴链接即可，注意：在链接前面补上https:
其他字体图标库
icomoon、fontawesome
平面转换（transfrom）
- 平移
translate(x, y)
translate(x) ---只写一个值默认为x轴位移
translateX()
translateY()
-
缩放（scale）
- 没有单位 代表倍数， 0-1是缩小 大于1 是放大
-
旋转（ rotate）
- 单位为deg（度数）
- 默认为顺时针旋转
-
斜切
- skewX(deg)
- skewY(deg)
-
transform-origin （更改转换原点）
- 默认为（center center）
- 可跟坐标或方位名词
-
背景渐变
- 本质是背景图片
background-image: linear-gradient(方位,#0a0,#6cf)
