## 前言 css3區別于css2增加了哪些呢？是否只有圓角是特殊的？當面試官問你是否了解css3呢，希望你能在本文之后能夠說出并使用其中一二。 ## css的發展 css3是css樣式表的最新版本，與css2單一規范不同，css3對所以的樣式進行了分模塊處理，而各個模塊之間是分開進行，互不影響。 ## css3新特性 1. css3選擇器，與jq一樣，強化了選擇器功能，包括了數量、層次、屬性選擇器 2. 原先通過圖片或者腳本實現視覺效果通過樣式實現，減少了標簽和腳本的使用，降低維護成本 3. 背景：支持背景大小，多背景設置，減少了標簽，更加靈活 4. 盒模型：拓展了盒模型的類型，尤其彈性盒模型flex；支持了盒模型的變形，旋轉，縮放，扭曲等 5. 實現了多列布局，擺脫了只能浮動多列布局 6. 陰影效果：文本陰影，盒陰影，簡單的陰影效果可以跳過設計稿 7. web字體解決了瀏覽器無法識別的字體；web font圖標，更加靈活的使用圖標字體，減少了維護工作 8. 顏色與透明度，支持了多種顏色模式，支持透明度設置 9. 圓角與邊框，更加豐富的設計效果實現，去除直角實邊的單一效果 10. 過度與動畫交互效果，可以設置動畫進行簡單的交互，提升體驗 11. 媒體特性與響應式布局，boot框架就是基于這點建立的柵格系統