一、字体图标
1.1下载字体图标（了解）
下载链接：www.iconfont.cn/
2. 使用字体图标（重点）
2.1引入相关文件（前提）
1.复制相关的文件，到 fonts文件夹里面。
2.引入css，link标签
2.2使用类名引入字体图标（重点记住）
2.3使用伪元素字体图标（记住）
二、变形 transform（2D）
变形可以改变盒子在平面内的形态（位移、旋转、缩放等等）
1.位移 translate
translate可以让盒子沿着x轴或者y轴来移动。
应用- 盒子水平和垂直（3种方法）
方法1
方法2
方法3
2. 旋转 rotate
旋转可以让盒子旋转角度 transform: rotate(45deg); 一定写单位 如果是正度数，则是顺时针旋转； 如果是负度数，则是逆时针旋转。
2.1 设置中心点 transform-origin
/* 设置旋转的中心点位置 */ transform-origin: right bottom;
2.2 多形态变形小技巧
如果需要移动，也需要旋转，则一定先写移动，后写旋转, css属性书写顺序影响代码执行。注意，多个值之前用 空格隔开。
transform: translate(-50%, -50%) rotate(360deg);
3 缩放 scale
transform: scale(1.2)；它比这宽度和高度最大的优势： 他是用中心点来进行缩放的，同样他不会影响其他的盒子。
三、渐变
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5))
四、今日单词
| 单词 | 说明 | 实例 |
|---|---|---|
| transform | 变形 、转换 | |
| translate | 位移 移动 | transform:translate(x,y) |
| rotate | 旋转 | transform:rotate(45deg) |
| scale | 缩放 | transform: scale(1.2)； |
