马国军-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的设计,是有一定的困难,加上对之前的知识掌握不是特别深刻,对于今日的学习更有困难,即使自己认真听讲,也总有一刻跟不上节奏或者出现一些输入错误等问题,导致无法及时理解透所讲的内容和知识点。下课也上网查阅了一些资料,对其中有些内容也是无法准确理解,还是需要在课后花费大量的时间去理解和练习的。但这几天的学习让我充实了很多,收获颇多。

标签

评论

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