实习日志
一、知识总结
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效果开始的时候 |
二、心得体会
老师讲的挺好，听的也很好，然而最近听的太多，傻傻分不清楚，好几个练习题的程序都是用的框架，现在脑子里还没有形成框架的意识，做起来就有些难有些废。
近期评论