字体图标
下载字体图标(https://www.iconfont.cn/)
步骤；百度搜索iconfont--素材库或者搜索栏去搜索你想要添加的字体图标--点击你想要添加的某个字体图标的购物车--点击右上角的购物车--选择添加至项目(没有项目的要新建项目)--下载至本地，解压出来，解压的文件放在需要使用的文件夹的根目录
unicode编码的使用：
步骤：
1.引入下载好的字体图标文件夹的iconfont。css；
2.利用空标签（大部分使用i标签）去承接unicode编码内容；
unicod.png
font-class类名调用：
步骤：
1.引入下载好的字体图标文件夹的iconfont.css；
2.类名：
第一个类名是固定的：iconfont；
类名.png
平面转换
平面转换属性：transform
1.位移：
transform: translate(水平移动距离, 垂直移动距离);
像素单位数值
百分比（参照物为盒子自身尺寸）
注意：X轴正向为右，Y轴正向为下
translate()如果只给出一个值, 表示x轴方向移动距离
位移-绝对定位居中：
position: absolute;
left:50%
top:50%
双开门 位移.png
2.旋转：
transform: rotate(角度);
注意：角度单位是deg
取值为正, 则顺时针旋转
取值为负, 则逆时针旋转
转换原点：
旋转.png
3.缩放：
transform: scale(x轴缩放倍数, y轴缩放倍数);
缩放.png
渐变
1.使用background-image属性实现渐变背景效果
background-image;liner-gradient（颜色）
渐变网站(https://uigradients.com/)
渐变.png
