宁波中软实习记录007

2019 09 19

定位

属性

1. 边偏移
2. 定位模式

静态定位（略）

相对定位relative

相对定位是将元素相对于它在标准流中的位置进行定位，当position属性的取值为relative时，可以将元素定位于相对位置。

绝对定位absolute

当position属性的取值为absolute时，可以将元素的定位模式设置为绝对定位。

子绝父相 *

子级绝对定位，父级只要是定位(除static静态定位)就可以

元素的显示与隐藏

1. display 显示

display 设置或检索对象是否及如何显示。
none 隐藏功能
block 除了转换成块级元素外，还有显示元素功能
特点：隐藏之后，不保留位置

2. visibility 可见性

设置或检索是否显示对象。
visible : 　对象可视
hidden : 　对象隐藏
特点：隐藏之后，继续保留位置

过渡

2D

移动 translate(x, y)
缩放 scale(x, y)
倾斜 skew(deg, deg)
旋转 rotate(deg)
transform-origin调整元素转换变形的原点

3D

rotateX()
就是沿着 x 立体旋转.
rotateY()
沿着y轴进行旋转
rotateZ()
沿着z轴进行旋转

• translate3d(x,y,z)
  x和y可以是长度值，也可以是百分比，百分比是相对于其本身元素水平方向的宽度和垂直方向的高度和；z只能设置长度值

动画

animation:动画名称 动画时间 运动曲线  何时开始  播放次数  是否反方向;