李存喜-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：浮动

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