定位和动画

定位：（posation）
1.static（默认定位）位置无变动
2.relative（相对定位）相对于浏览器边框，一般用于大块的定位。
3.absolute（绝对定位）小块相对于大块边框定位。
4.fixed（固定定位）相对于浏览器边框。
一般定位规则为父相子绝，即大块套小块时，大块相对于浏览器定位（相对定位），下各小块相对于大块定位（绝对定位）。

动画：
1.变形函数
translate（）：平移，x，y轴方向水平移动。
scale（）：缩放函数，xiangsuchic比例变化。
rotate（）：旋转函数，单位deg度，参考px单位。
2.css3过渡
transtion-duration:过渡时间
transtion-timing-function:过渡动画
ease：由快到慢
linear：匀速变化
ease-in：逐渐变快
ease-out：逐渐变慢
ease-in-out：先变快再变慢
transtion-delay：过渡延时

动画过渡演示：

.样{
transtion:all 3s ease 2s;
}

.样:hover{
transform:translateX(300px);
}
上述效果为照片沿水平方向向右平移300像素距离。延时2秒后，3秒平移完毕且速度越来越快。

.样{
scale(2) roate(360deg)
}
上述效果为照片旋转360度同时放大2倍。延时2秒后，3秒平移完毕且速度越来越快。
（hover之前定义变形动作的，对象，变形时间，变形动画类型，延时）。

2020年5月13日