字体图标
iconfont
引入方式
1.unnicode(不推荐，不直观)
2.symbol(用于多色图标，兼容性较差，只支持ie9以上的浏览器)
3.font class(推荐，书写直观简便)
-
本地引入
- font class
-
在线引入
- link
平面转换 transform
位移 translate
-
100px，100px
-
100%
- 自身盒子的百分比
- x轴正向为右，y轴正向为下
缩放 scale
-
0-1缩小
-
大于1放大
（一般情况下，只为scale设置一个值,表示x,y等比例缩放）
转换原点 origin
-
方位名词，只写一个另外一个默认center center
- top
- bottom
- left
- right
- center
-
right top， right bottom...
旋转 rotate
-
正值顺时针旋转
- 360deg
-
负值逆时针旋转
- -360deg
渐变
本质是背景图片
background-image: linear-gradient
- 默认从上到下
- to right 从左到右
- to left top 从右下到左上
- 0deg 从下到上 90deg从左到右
扩展：
1.斜切transform:skewX(30deg) ; transform:skewY(30deg)
2.行内元素设置转换无效
3.如果同时有旋转和平移属性，最好先平移在旋转，避免旋转影响坐标系方位。
