张瑜-20201029

transform:rotate(360deg);/*旋转*/          transition:all  3s;/*过度*/         transition:3s  ease;/*匀速*/             过度效果放在类选择器内
transform:scale(1.5）;/*缩放*/       transform:skew(45deg);/*倾斜*/      transform:translate(300px);/*平移*/        transform:matrix();/*扭曲：2行3列的三角函数矩阵*/
 overflow:hidden;/*子容器超出父容器的部分影藏*/       / background: url(../img/u.jpg);*/      
@keyframes  name/*自定义动画名称*/change    animation：change/*自定义动画名称*/3s/*播放动画时间*/  ease/*动画播放轨迹*/ 1s /*延迟播*/    forwards/*从起始到截止状态*/infinite/*循环播放*/  alternate/*过度效*/      running/*动画播放*/；——动画的八个状态 

盒子模型：【嵌套：bigbox、smallbox】    margin-top/*上外边距*/  padding-top/*上内边距*/  上、右、下、左/*顺时针转*/    margin：0 auto/*水平居中*/
box-shadow/*盒子边框阴影*/   border-box/*包含*/ box-sizing：content-box/*不包含边框大小*/   border-width/*边框宽*/  border-color/*边框色*/  border-style/*样式*/-solid/*实线*/     border-radius/*圆角*/        

float：left;/*浮动*/    块标签和行级标签的属性转化  1、块级标签加float（浮动）就有了行级标签不独占一行的特性      特别注意：使用float（浮动）时一定加容器包起来 

心得体会：
通过这几天的实训，我收获了很多，一方面学到了许多以前没学过的专业知识与知识的应用，另一方面提高了自己的动手能力。这几天的实训进一步的锻炼了我的能力，这几天的收获对于我而言是非常有意义的。