一，字体图标

   目标：使用字体图标简化网页中装饰性图标实现方式。
1，字体图标介绍：iconfont图标库。
     字体图标的特点：1，字体图标看起来是图，本质是字。
                               2，灵活性：灵活地修改样式，例如：尺寸，颜色等。
                               3，轻量级：体积小，渲染快，降低服务器请求次数。
                               4，兼容性：几乎兼容所有的主流浏览器。

 2，下载：1，登录后，选择目标图标，加入购物车。
                2，在购物车中添加至项目后，在项目中下载。

 3，使用：Unicode编码：
                1，引入iconfont.css样式表。
                2，标签粘贴Unicode编码。
                3，标签调用类名iconfont。
      类名：1，引入iconfont.css样式表。
                2，标签调用类名：1，icon font（font-family）。
                                            2，icon-xx（标签对应的类名）。
  4，svg上传
                1，作用：图标库中的图标无法满足项目需求。
                2，步骤：1，上传svg图标。2，去除颜色提交。3，加购物车并下载使用。

二，平面转换

   目标：使用位移，缩放，旋转，渐变效果丰富网页呈现方式。
                               1，平面转换介绍：
	   	1，平面：x和y 2条坐标抽组成的屏幕，x轴正值向右，y轴正值向下。
                               	2，转换：改变盒子形态：位置：角度：大小。
                   	3，属性：transform。
	
                   2，位移：1，translate（x，y）
	                  2，translateX（）
                                              3，translateY（）

	   3，定位盒子居中：定位：绝对定位，left50%，top50%
		              位移：translate（-50%，-50%）
	   4，旋转：rotate（角度）：单位（deg）
	        旋转方向： 正值：顺时针，负值：逆时针
	   5，转换中心点：属性：transform-origin
		           关键词：top，bottom，center，left，right
		           取词：百分比，px
	   6，多重转换：定义：同时改变盒子的多个状态
 		        注意：1，旋转放在最后，2，旋转慧改变坐标抽向
	   7，缩放：scale（倍数）
	        值：    大于1，表示放大，小于1，表示缩小

三，渐变

  目标：使用background-image属性添加渐变背景效果
	  1，基本写法：background-image：linear-gradient（颜色1，颜色2，.......）;
	  2，透明渐变：background-image：linear-gradient（transparent，rgba（0，0，0，6））；