陈彬彬-20201029

知识总结

1动画之类讲解：  若想多种动画效果得放一块 例如 transform: rotate(360deg) skew（45deg） 不可在起一行在给予赋值

transition:all 3s ease-in 3s; 动画的过度，all3s 过渡效果   ease-in  是速度  匀速  后3s  指  3s后执行。之前的3s是必需要的   后面的不是 过渡一般不放在伪类选择里
transform: rotate(360deg);旋转。 rotate指延哪边旋转，没写就是默认 z轴
transform: scale（2） 缩小放大倍数， 
transform: skew（45deg） 倾斜   deg指坐标度数 
transform: translate（300px） 平移 记得 xy轴与平常的相反
transform: matrix（ -1，-1，-1，0，0，0）   扭曲 《2行3 列的3角函数矩阵》
overflow： hidden； 超出边框的隐藏， 用于父容器上  不用于子容器 

2自定义动画
animation: change 3s ease 1s forwards infinite alternate running;   中间 指播放时间，  后面指不妨到什么时候 或者forwards  infinite 循环播放  或者alternate 指来回交替播放。最后参数指播放或者暂停
 change 动画名   

3盒子模型
margin-top：20px 上外边距 小盒子外边距
padding-top:20PX      内边距
margin-bottomt: 100px;  下边距
box-shadow; 3PX             边框阴影

4块级标签与行级的属性转换
1 会计标签当他加了 float（浮动）就有了行级标签不独占一行的属性
   

心得体会
这门课程挺有意识，但是感觉现在量太大了 听的时候会懂一点 一下子要弄就有点蒙了， 要是一下子把之前学的都连在一起用就感觉不知道怎么用， 拿到作业题一下子不知道怎么下手，不知道先怎么弄了..........