张瑜-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(浮动)时一定加容器包起来 

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

标签

评论

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