字体图标（https://www.iconfont.cn/）
步骤：iconfont素材库或者搜索栏 去搜索想要添加的图标---点击想要的图标的购物车---点击右上角的购物车---选择添加至项目（没有项目的要新建项目）---下载至本地，解压出来，解压的文件放在需要使用的文件夹的根目录。
使用方式
1.unicode编码使用：
步骤：
1、引入下载好的字体图标文件夹的iconfont.css;
2、利用空标签（大部分都是用标签）去承接unicode编码内容
3、声明字体图字库 font-family：iconfont
2.font-class类名调用：
步骤：
1、引入下载好的字体图标文件夹的iconfont.css;
2、类名：
第一个类名是固定的：iconfont
第二个类名：通过demo_index文件或者项目主页面，直接去复制文字下方的类名即可
平面转换
使用方式：
transform: translateX（100px） (像素单位取值）
transform: translateY（100px）
transform：translates(50%) 百分比取值：参考盒子自身大小
transform: translate（100px，50px） 连写X,Y
绝对定位元素居中：
position: absolute;
top: 50%;
left: 50%;
(transform: translate属性：由于百分比参考的是子盒子自身的宽高，所有当父元素修改了宽高，效果不受影响)
transform: translate(-50%,-50%);
旋转效果
使用方式
transform: rotate(360deg) 旋转360度
转换源点
使用方式
transform-origin: right bottom （取值方位名词 最多）
transform-origin: -100px -100px; （具体的像素单位）
transform-origin: 60% 60%; 百分比(参照于盒子自身尺寸)
多重转移效果
注意点：旋转会改变坐标轴方向
当平移与旋转一起使用的时候，要把平移放在旋转的前面
旋转如果在前面会改变 xy轴的方向
transform: translate(600px) rotate(1000deg);
渐变效果
使用方式
背景颜色渐变 bgi background-image: linear-gradient(参数1, 参数2, 参数3, ....);
参数1：
方位：默认的方位从上到下
1.方位名词：例如：从左到右渐变 to right,从左上到右下渐变 to right bottom
2.角度deg：直接写度数即可，不用再加to
参数2：颜色1；
参数3：颜色2；.....
/* 颜色可以写多个 */
/* background-image: linear-gradient(to right,black,pink,red); */
background-image: linear-gradient(130deg,#3a6186,#89253e);