白岩龙-20201029

知识总结：
动画：

transition：all 10s ease-in 3s；/过渡
transform：rotate（360deg）；/旋转
rotateY（90deg）：沿Y轴旋转90度（360deg）
scale（1.5）；/缩放
skew（45）；/倾斜
transform：translate（）；/平移
matrix（-1，-1，-1，0，-1,1）；/扭曲，两行三列的三角函数矩阵
overflow：hidden；/子容器超出父容器的部分隐藏
from从什么状态到什么状态
forwards播放到最后一帧
nation change（绑定） 3s（播放时间）ease 1s forwards infinte alternate
running  inherit控制是否播放
 盒子模型：
盒子大小width，height
盒子颜色
box-sizing：content-box；/盒子实际大小
box-shadow:0px 0px 50px yellow inset：/盒子阴影
border-radious： 30px；/圆角
padding内边距
块级标签和行级标签的属性转化
float：left；/浮动
1.当块级标签加了float就有了行级标签不独占一行的特性
特别注意：使用float时，一定外面加个容器包起来

个人心得：通过今天的学习，我学到了制作动画的各种功能和命令，还有盒子模型的各项指令，受益匪浅，虽然老师讲的可能不能及时消化记住和熟练运用，但我相信，经过自身的努力，一定能把老师讲的灵活使用