CSS3引入了很多新特性，比如： 1. 選擇器：CSS3引入了新的選擇器，如偽類選擇器、偽元素選擇器等，使得選擇元素更加靈活和精確。 2. 邊框圓角：CSS3允許通過 border-radius 屬性為元素的邊框添加圓角，創建圓形、橢圓形或具有不同角度的矩形邊框。 3. 盒陰影：使用 box-sha ...
CSS3引入了很多新特性，比如：
1. 選擇器：CSS3引入了新的選擇器，如偽類選擇器、偽元素選擇器等，使得選擇元素更加靈活和精確。
2. 邊框圓角：CSS3允許通過 border-radius 屬性為元素的邊框添加圓角，創建圓形、橢圓形或具有不同角度的矩形邊框。
3. 盒陰影：使用 box-shadow 屬性，可以為元素添加投影效果，包括陰影的顏色、大小、模糊度和偏移量等。
4. 漸變：CSS3引入了線性漸變和徑向漸變，允許在元素的背景中創建平滑過渡的顏色效果。
5. 過渡：通過使用 transition 屬性，可以實現在元素狀態改變時平滑地過渡屬性值，如顏色、大小、位置等，提供更豐富的動畫效果。
6. 動畫：CSS3的 @keyframes 規則允許創建複雜的動畫效果，通過定義關鍵幀和過渡細節來控制動畫的執行。
7. 變形：使用 transform 屬性，可以對元素進行旋轉、縮放、傾斜和平移等變換操作，創造出令人驚艷的效果。
8. 字體：CSS3提供了更多的字體控制選項，包括使用 @font-face 規則引入自定義字體文件，以及設置字體的粗細、斜體、大小調整和字間距等。
9. 多列佈局：通過 column-count 和 column-width 等屬性，可以將文本內容分成多列顯示，類似報紙或雜誌的版面佈局。
10. 媒體查詢：媒體查詢允許根據設備的特性和屏幕尺寸來適應不同的樣式和佈局。通過媒體查詢，可以創建響應式網頁設計，使網頁在不同設備上顯示良好。
11. 彈性盒子佈局： Flexbox 是一種用於創建靈活且自適應佈局的模型。它通過定義容器和項目之間的關係，實現了更簡潔和可伸縮的佈局方式，使得元素在不同屏幕尺寸下能夠自動調整和對齊。
12. 網格佈局： Grid 佈局是一個強大的二維網格系統，可用於更複雜的佈局需求。它允許將頁面分割為行和列，控制項目在網格中的位置和大小，實現靈活的網格佈局。
13. 過濾效果：CSS3的 filter 屬性允許應用各種圖形效果到元素上，如模糊、亮度調整、對比度調整、灰度化、色彩反轉等，為圖像和元素添加特殊的視覺效果。
這些是CSS3的一些重要特性，現在各瀏覽器相容性也可以，很好的豐富了頁面的展示，像很多不難的動畫效果能用css3實現的話就不用勞煩js了。
