定位和动画

position：static 默认值，无定位；
position：relative 相对定位；
position：absolute；在父系没有设置position：relative时，是相对于网页边框来定位的，元素原先的空间被后边元素占用；如果父系设置了position：relative，则是相对于父系框来定位的，元素原先的空间同样会被后边的元素占用；
position：fixed 固定定位；生产绝对的定位元素，相对于网页窗口的定位，如：网页上悬挂的聊天图标和广告；

translate（）：平移函数
translate X（tx）：表示只设置X轴的位移；
translate Y（ty）：表示只设置X轴的位移；
translate （tx，ty）：表示同时设置X、Y轴的位移；
scale（）：缩放函数；
scale X（sx）：表示只设置X轴缩放；
scale Y（sy）：表示只设置Y轴缩放；
只有一个值时，第二个值默认和第一个相同；
rotate（a deg）：顺时针选择a°；
CSS3过渡：
ease：速度由快到慢；
linear：匀速；
ease-in：越来越快；
ease-out：越来越慢；
ease-in-out：先加速后减速；
例：
a{
transition：all 3s ease 2s；
}
a：hover{
transform：translate（30px）
}
表示a里边的内容在鼠标放上时在3s内在水平方向移动30px，延迟2s。