LENOVO-PC_实习日志-张乐524

实习日志

一、知识总结

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

transform: none transform-functions;

2、常用的值:

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

2D:

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