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效果开始的时候

二、心得体会

今天的内容不是很多，练习题看讲解的时候好像明白了，但是自己做起来就全废了。自己的思路不是很清晰，还是希望老师明天能够讲解一下有多个方框的。