字体图标
下载字体图标（https://www.iconfont.cn/）
步骤：百度搜索iconfont—素材库或者搜索栏去搜索所需字体图标—点击想要添加的某个字体图标的购物车—点击右上角的购物车—选择添加至项目（没有项目的要新建项目）—下载至本地，解压，解压后的文件放在需要使用文件夹的根目录
使用方法
1.unicode编码使用：
步骤：
1.引入下载好的字体图标文件夹的iconfont.css
2.利用空标签（大部分都是用i标签）去装载unicode内容
3.声明字体图标库 font-family：iconfont
2.font-class类名使用：
步骤：
1.引入下载好的字体图标文件夹得iconfont.css
2.类名：
第一个类名是固定的：iconfont
第二个类名：通过demo_index_html文件或者项目主页面，直接去复制文字下面的类名即可
3.上传矢量图：
步骤：
上传 → 上传SVG图标→ 浏览本地图标 → 去除颜色提交→加入购物车 → 下载使用
平面转换
平面转换属性：transform
1.位移
语法：
transform: translate(水平移动距离, 垂直移动距离);
取值（正负均可)：
像素单位数值
百分比（参照物为盒子自身尺寸）
注意：X轴正向为右，Y轴正向为下
技巧
translate()如果只给出一个值, 表示x轴方向移动距离
单独设置某个方向的移动距离：translateX() & translateY()
2.位移-绝对定位居中
3.旋转
语法：
transform: rotate(角度);
注意：角度单位是deg
技巧：取值正负均可
取值为正, 则顺时针旋转
取值为负, 则逆时针旋转
4.转换原点
语法：
默认圆点是盒子中心点
transform-origin: 原点水平位置 原点垂直位置;
取值
方位名词（left、top、right、bottom、center）
像素单位数值
百分比（参照盒子自身尺寸计算）
5.多重转换
技巧：当平移与旋转一起使用的时候，要把平移放在旋转的前面。
6.缩放
语法
transform: scale(x轴缩放倍数, y轴缩放倍数);
技巧
一般情况下, 只为scale设置一个值, 表示x轴和y轴等比例缩放
transform: scale(缩放倍数);
scale值大于1表示放大, scale值小于1表示缩小
7.渐变
语法：
