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