一、字体图标

1.方法一：
   a.引入css文件iconfont.css
   b.通过i标签(大部分情况下都是i标签承接字体图标)把unicode编码复制过来 
   c.申明字体图标库（字体图标大小，粗细，颜色等等）
   
2.方法二：
    a.引入css文件iconfont.css
    b.建立i标签，给i标签加上类名（类名固定格式至少分为三部分 class"iconfont iconfont-xxx  自定义类名"， 一般不改变前两个类名）
    
3. 运用方法：a.直接用字体图标（普通做法）
            b.前后加伪元素。伪元素必须属性content:''里面填入Unicode编码的后四位（不包括分号）

二、平面转换

1.平面位移：
    a.css书写格式：transform:translate(X,Y)
    b.(X,Y)可以用准确像素值书写；X正值代表向右，负值代表向左；Y正值代表向下，负值代表向上。
      也可以用百分比书写X和Y，百分比参考盒子本身大小，正负值方向同上。
    c.当transform：translate只输入一个值时，那么盒子只有X轴移动，Y轴不动。
    d.绝对定位元素居中：
      { left：0                             { left:0
        top：0                           =    margin-left:-(子盒子的一半)
        transform:translate:(-50%,-50%)       top：0
        }                                     margin-top：-(子盒子的一半)
                                            }
    
2.平面旋转:
    a.css书写格式：transform：rotate(数字deg)，正数为顺时针旋转，负数为逆时针旋转。
    b.可以将旋转中心改变，css书写格式;transform-orgin:()
        可以是方位词left,bottom等；
        也可以是具体像素；
        或者百分比。

3.平面缩放：
    a.css书写格式: transform:scale(直接输入缩放倍数的数字)
    

三、渐变

1.css书写格式：baackground-image:linear-gradient()
2.方位：默认的方位从上到下
        1.方位名词：例如：从左到右渐变 to right,从左上到右下渐变 to right bottom
        2.角度deg：直接写度数即可，不用再加to