要求：1单词按天背 要会读且会写
2金山打字通 一分钟180字母（一秒3个英文字母）
内容：1字体图标（iconfont）
（1）字体图标与精灵图的差异：字体图标较为灵活，精灵图使用较麻烦
（2）操作步骤：1）link标签引入网页上生成的链接
2）挑选需要用到的图标，将类名复制粘贴过去
tips：1iconfont的三种引入方式有：本地引入 下载代码（较为少用） 在线引入
2使用图标时添加至项目并可以添加管理项目成员（图标的上传主要有ui人员负责做个了解知道去哪里取图就行），没有的图标用云端上传上传
3字体图标搭配 i em标签使用，主要用i标签
4 i标签内只能放精灵图或字体图标，不能放其他内容否则无法生效
2 2d变换.转换 transform
（1）translate平移
transform: translate(水平, 垂直);百分比参考自身计算（设置宽高）；
应用：配合定位实现元素水平垂直居中：
（ 2）rotate旋转
transform: rotate(30deg) deg为度数单位
正值顺时针 负值 逆时针
（3）scale缩放
transform: scale(水平X轴倍数, 垂直Y轴倍数)
倍数：0 - 1缩小 大于1 放大
*斜切skew 重点内容
transform: skewX(30deg);transform: skewY(30deg);
应用： 擦亮效果
Tips：1. 行内元素设置转换无效
2. 如果有多个转换要写到同一个transform里面 并且用空格分隔 transform: translate(100px) rotate(10deg)
3. 如果同时有旋转和平移属性，最好先写平移，避免先旋转影响坐标系的方位 更改转换原点 transform-origin: 水平 垂直; 方位坐标 left top center right bottom 具体像素
（4）origin: 切换原点
transform-origin: 水平 垂直;
3 背景渐变
background-image: linear-gradient(方位, 颜色, 颜色);
to right 从左到右 45deg 从左下到右上
