css3非常強(qiáng)大媚值，新增了好多功能
CSS3.png
一裳瘪、新選擇器
- 屬性選擇器 [title]梧喷、[class="demo"]
- 結(jié)構(gòu)偽類選擇器：nth-child(n) nth-of-type()
- 偽元素選擇器 ::before ::after
二芹壕、轉(zhuǎn)換transform
- 2D
- translate(x,y)
- Scale(x,y)
- rotate(60deg)
- 3D
- rotateX(x) rotateY(y)燃辖、 rotateZ(z)
- 3D呈現(xiàn)：transform-style：preserve-3d盒蟆；定義子元素是否保留3D呈現(xiàn)
三踏烙、動畫animation
- 先定義 @keyframes
- 后調(diào)用 animation
- 重點(diǎn)記住簡寫屬性
- 動畫狀態(tài)不能簡寫：例animation-play-state: paused
四、瀏覽器私有前綴
目的：為了兼容瀏覽器老版本的寫法
- -webkit- safari历等、chrome私有前綴
- -ms- ie私有前綴
- -moz- 火狐私有前綴
- -o- Opera 私有前綴
例：-webkit-border-radius:10px;
