transform

• 平移 transform: translate(100px，100px) 百分数 相对于自己
  不影响其他元素位置
• 旋转 transform: rotate(90deg)
  改变旋转中心点 transform-origin:0 0 (左上角)
• 缩放 transform: scale(2)
  改变缩放中心点transform-origin:0 0
• 扭曲 transform: skew(30deg,20deg)
• 3D变换 perspective 视角（人眼位置） translate3d

过渡Transition

Transition: height 1s linear 1s
Transition-property
Transition-duration
Transition-timing-function
Transition-delay

动画Animation

@keyframs 名称{
各个时机的状态
}
Animation: 名称 1.5s ease infinite

响应式设计（适配不同屏幕大小）（待深入）

Viewport视口
<meta name=”viewport” content=”width=device-width,initial-scale=1.0”> (手机)
Img{
Max-width:100%
}
Background-size:contain cover(有剪切)
针对不同屏幕尺寸 应用不同样式(文字大小 布局方向)
@media screen and (min-width:480px){
}
使用不同尺寸的图片
Srcset sizes

2rem 是 2倍的html跟节点font-size大小