字体图标
下载地址：https://www.iconfont.cn/
使用方法：在该网站添加下载文件夹后后将相对应图标代码复制和文件添加至CSSHTML文件夹里面
平面转换
改变盒子在平面内的形态（位移、旋转、缩放）
2D转换
平面转换属性
transform
位移：使用translate实现元素位移效果
语法
transform: translate(水平移动距离, 垂直移动距离);
取值（正负均可）
像素单位数值
百分比（参照物为盒子自身尺寸）
注意：X轴正向为右，Y轴正向为下
translate()如果只给出一个值, 表示x轴方向移动距离
单独设置某个方向的移动距离：translateX() & translateY()
旋转
使用rotate实现元素旋转效果
transform: rotate(角度);
注意：角度单位是deg
技巧：取值正负均可
取值为正, 则顺时针旋转
取值为负, 则逆时针旋转
多重转换技巧
缩放
使用scale改变元素的尺寸
布局 ： ::after
样式 ：居中
效果： 缩放
透明度：（opacity）
渐变语法
