陈彬彬-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(浮动)就有了行级标签不独占一行的属性
   

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

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1