目前还在学html+css

相对定位relative 绝对定位absolute 相对定位占据位置，会影响后面盒子的显示 绝对定位不占据位置，脱离标准流 总结：由于子元素，不占据位置，所以我们使用绝对定位 由于父元素占据位置，不能响应后面元素的正常显示，我们使用相对定位

固定定位fixed 固定定位不在占有原先的位置，固定定位也是脱标的 固定定位也可以看作是一种特殊的绝对定位

定位叠放次序z-index 数字越大，权重越高

background-image:linear-gradient()背景线性渐变

径向渐变 background-image:radial-gradient(50% 50%,red,blue)

旋转变形 transform:rotate(旋转角度)

自定义变形原点 注释：以左上角为中心点进行旋转 transform-origin:0 0; transform:rotate(30deg);

缩放变形 transform:scale(); /缩放倍数/

位移变形 trasform:translate(向右移动，向下移动);

3D旋转 围绕x轴 transform:rotateX(？deg) 围绕y轴 transform:rotateX(？deg) 围绕z轴 transform:rotateX(？deg)

perspective属性用来定义透视强度，可以理解为人眼到舞台的距离，单位是px,越大越远 外层元素，必须设置perspective属性 旋转元素，必须设置perspective属性 rotateX,正数，向后仰，负数，向前倾 rotateY,正数，从左往右，负数，从右往左 rotateZ,正数，顺时针，是负数，逆时针

空间移动 空间移动需要添加在3D旋转之后，先旋转，在移动

过渡的基本使用 transition:width 1s linear 0s; 所有数值类型的属性，都可以参加过渡，width,height,left,top,border-radius

动画的定义和调用 不需要hover之类的触发，可以自动执行 @keyframes 动画名称 { from { transform:rotate(0); } to{ transform:rotate(360deg); } } /如果想一直执行，可以把执行次数设置成 infinite/ animation:动画名称 动画时长 速度曲线 延迟时间 执行次数;