20210524—张晨曦

实习日志

一、知识总结

1、transform 是 css 的属性,可以将元素进行旋转,缩放,移动,倾斜等操作

常用的值:

none 定义不进行转换
translate(x,y) x,y移动
translate3d x,y,z
ranslatex 只是用 X 轴
translatey 只是用 Y 轴的
translatez 只是用 Z轴的

2.2D:

skew(x-angle,y-angle) 定义沿着 X 和 Y 轴的倾斜转换(单位:deg)rotate(angle) 定义 2D旋转,在参数中规定角度

3.3D:

rotate3d(x,y,z,angle) 定义旋转
rotatex(angle) 定义沿着 X 轴的旋转
rotatey(angle) 定义沿着 Y 轴的旋转
rotatez(angle) 定义沿着 Z轴的旋转

3、正常布局流(normal flow)是指在不对页面进行任何布局控制 float 属性在成块的文本内浮动图像

文本浮动:

img {
float: left;
margin-right: 30px;
}

4、clear 三个值:

left 停止任何活动的左浮动
right 停止任何活动的右浮动
both 停止任何活动的左右浮动

5、定位

定位允许正常的文档流布局中取出元素

静态 staitc
相对定位 position:relative
绝对定位 position:absolute
固定定位 fixed

6、transition 属性

transition-property :CSS属性的name,transition效果

transition-duration transition 指定多少秒或毫秒才能完成
transition-timing-function transition效果的转速曲线
transition-delay transition效果开始的时候

二、心得体会

老师讲的挺好,听的也很好,然而最近听的太多,傻傻分不清楚,好几个练习题的程序都是用的框架,现在脑子里还没有形成框架的意识,做起来就有些难有些废。

标签

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