李存喜-20201029

一、知识总结

     1.动画:
            transition:过渡(ease:匀速, ease-in:先慢后快,ease-out:先快后慢)
            overflow: hidden子容器超出父容器的部分隐藏
            transform: rotate:旋转(360deg)  scale:缩放(1.5)   translate:平移(100)  matrix:扭曲(参数为2行3列的三角函数矩阵)
            animation: change 3s ease 1s forwards infinite alternate running; 
             /*动画名称   播放时间过渡   匀速  播放次数  返回  无限播放  交替  一直播放   */
     2.盒子模型:
             border: 1px #dedede solid;/**边框   宽度   颜色   实线     (dashed虚线)
             box-sizing: content-box;/*盒子实际大小,不包含边框*/
             box-shadow:盒子阴影( 0px 0px 50px yellow inset; 水平阴影,垂直阴影,内模糊,颜色 )
             margin-bottom: 100px;盒子下面宽度
             border-radius: 30px;圆角
     3.块级标签和行级标签的属性转化:
           (1).块级标签加float(浮动)就有了行级标签不独占一行的特性
           特别注意:使用float时,一定外面加个容器包起来
             float:浮动

二、学习心得
今天我们学习了动画和盒子模型,在动画中学了很多方法,给图片添加了好多效果,使之看起来特别好看,还学习了盒子
模型,把两个或者多个盒子套在一起,给盒子加上动画效果。在学习中也遇到了很多问题,老师讲的太快,跟不上老师的节奏,可
能是因为时间有限吧,今天讲的内容有点多,再加上基础本来就差,有点消化不了。

标签

评论

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