1.CSS3 邊框,背景,文字
- border-radius:設置邊框倒角
- box-shaodow:邊框陰影
- border-image:邊框圖片
- background-size:背景圖片的尺寸
- background-origin:背景圖片開始繪製位置
- cover:等比拉伸圖片,圖片的寬度和高度填滿盒子
- contain:圖片的寬度或高度填滿盒子
- text-shadow:文本陰影
- word-wrap:單詞拆分
2.CSS3 轉換、動畫
·transform移動、縮放、轉動、拉長或拉伸。
- translate(水平移動,垂直移動)
- rotate(旋轉角度)
- scale(縮放值)
- 3D轉換 perspective()近大遠小透視
- @keyframes設定關鍵幀樣式
- animination動畫使用
3.CSS3 過渡、漸變
- transition:過渡屬性 過渡時間 過渡曲線 延遲時間
- linear-gradient:線性漸變
- radial-gradient:徑向漸變
- repeating-linear/radial-gradient:重複漸變
4.CSS3 僞類選擇器
- :link :visited :active :hover
5.CSS3 多列
- column-count:元素應該被分隔的列數
- column-gap:屬性規定列之間的間隔
- column-rule:屬性設置列之間的寬度、樣式和顏色規則
6.CSS3 用戶界面
- resize:用戶可否調整元素尺寸
- box-sizing:適應某個區域的具體內容
- outline-offset:對輪廓進行偏移