transform

• 平移 transform: translate(100px，100px) 百分?jǐn)?shù) 相對(duì)于自己
  不影響其他元素位置
• 旋轉(zhuǎn) transform: rotate(90deg)
  改變旋轉(zhuǎn)中心點(diǎn) transform-origin:0 0 (左上角)
• 縮放 transform: scale(2)
  改變縮放中心點(diǎn)transform-origin:0 0
• 扭曲 transform: skew(30deg,20deg)
• 3D變換 perspective 視角（人眼位置） translate3d

過(guò)渡Transition

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

動(dòng)畫(huà)Animation

@keyframs 名稱{
各個(gè)時(shí)機(jī)的狀態(tài)
}
Animation: 名稱 1.5s ease infinite

響應(yīng)式設(shè)計(jì)（適配不同屏幕大?。ù钊耄?/h1>

Viewport視口
<meta name=”viewport” content=”width=device-width,initial-scale=1.0”> (手機(jī))
Img{
Max-width:100%
}
Background-size:contain cover(有剪切)
針對(duì)不同屏幕尺寸 應(yīng)用不同樣式(文字大小 布局方向)
@media screen and (min-width:480px){
}
使用不同尺寸的圖片
Srcset sizes

2rem 是 2倍的html跟節(jié)點(diǎn)font-size大小