字体图标
iconfont的引入
方法一
1.引入iconfont文件夹中的iconfont.css文件
2.通过i标签(大部分情况下都是i标签承接字体图标)把unicode编码复制过来
3.声明字体图标库
方法二
1.引入iconfont.css文件
2.通过标签承接字体图标
类名：
第一个类名是固定的：iconfont;
第二个类名：通过iconfont文件夹中的demo_index.html文件或者项目主页面，直接去复制文字下方的类名即可
平面转换-trasnform
位移-transform：translate
特点：
1.transform可以增大盒子的层级
2.transform对于行内元素不起效果
技巧：
1.如果 translate（一个值）表示X周移动方向
2.X,Y大小写都有效果
绝对定位 ：
(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\1653570625617.png)
旋转-transform: rotate（deg）
要点：
顺时针旋转 360deg （正数）
逆时针旋转 360deg （负数）
转换圆点-transform-origin
取值:
1.取值方位名词 最多
2.具体的像素单位（正负均可）
3.百分比(参照于盒子自身尺寸)
缩放-scale
单个表示水平的缩放，垂直等比例缩放
大于1表示放大，小于1表示缩小。
整体透明度
opcity（）
渐变-background-image: linear-gradient
渐变的网页uigradients.com/#DarkOcean
