马国军-20201029

知识总结：

今日主要学习了
       一. 动画的样式：
               transform:rotate(180deg)表示动画旋转--默认绕Z轴旋转
                  scale(1.5)表示动画缩放倍数
                  skew(45deg)表示动画倾斜度数
                  translate(300px)表示动画平移
                  matrix(-1,-1,-1,0,1,-1)表示动画扭曲--参数表示时是个两行三列的三角函数矩阵
               transition:ease表示过渡时匀速过渡
             
        
        二.自定义动画样式：@keyframes: 
              forwards动画停在最后一帧
              intinite动画循环播放
              alternate动画往复播放
              margin-bottom下外边距     margin-top上外边距
              padding-top上内边距       padding-right右内边距
              margin：0 auto；水平居中
              


          三.盒子模型  
              页面显示顺序从外到内：border->content->padding->background-img->backgroud-color->margin  
              border-width边框宽        border-color边框颜色
              border-style边框样式
              box-sizing:content-box不含边框大小     border-box包含边框大小
              box-shadw:1px(水平阴影)1px(垂直阴影）2px   inset(边框内阴影)
              border-radius:50%;边框圆角
              border-top-left-radius:100px;左上角边框圆角
       
        四.块级标签与行级标签属性转化：
              float:left;向左浮动（块级标签使用float浮动时，块级标签就有了行级标签不独占一行的属性）

心得体会：
通过自己不断地跟着讲课的节奏练习和应用，今日的内容也相对困难，结合HTML和ccs的设计，是有一定的困难，加上对之前的知识掌握不是特别深刻，对于今日的学习更有困难，即使自己认真听讲，也总有一刻跟不上节奏或者出现一些输入错误等问题，导致无法及时理解透所讲的内容和知识点。下课也上网查阅了一些资料，对其中有些内容也是无法准确理解，还是需要在课后花费大量的时间去理解和练习的。但这几天的学习让我充实了很多，收获颇多。