一.字体图标
下载字体图标：（Iconfont：https://www.iconfont.cn/）
步骤：百度搜索iconfont--素材库或者搜索栏去搜索你想添加的字体图标--点击你想要添加的某个字体图标的购物车--点击右上角的购物车--选择添加至项目--下载至本地，解压出来，解压的文件放在需要使用的文件夹的根目录
使用方法
1.unicode编码使用：
a.引入下载好的字体图标文件夹的iconfont.css;
b.利用空标签（大部分用i标签）去承接uniconde编码内容;
c,声明字体图标库 font-family：iconfont
2.上传矢量图
上传SVG图标----浏览本地图标------去除颜色提交-------加入购物车-------下载使用
二.平面转换
1.位移
transform:translate(水平移动距离，垂直移动距离)；
1.像素单位数值
2.百分比（参照物为盒子自身尺寸）
注意：X轴正向为右，Y轴正向为下
2.旋转
transform: rotate(度数deg);
转换原点：transform-origin: 原点水平位置 原点垂直位置
取值：
a .方位名词（left、top、right、bottom、center）
b. 像素单位数值
c.百分比（参照盒子自身尺寸计算）
多重转换：transform:translate() rotate();
3.缩放
transform: scale(x轴缩放倍数, y轴缩放倍数)
a.transform: scale(缩放倍数);
b.scale值大于1表示放大, scale值小于1表示缩小
三.渐变
1.使用background-image属性实现渐变背景效果
background-image:linear-gradient(参数1，参数2，参数3... )；
2.渐变遮罩层
鼠标移动到图片上，遮罩层出现
