CSS3 對應CSS新增特性
盒子模型
盒子模型的 邊框
1、可以有圓角 border-radis
2、可以有圖片 border-image / 當然還有圖片填充效果
盒子模型的 陰影
1、box-shadow 任何元素都可以使用陰影
通過陰影，可以實現立體卡片式 的效果； 用作做文字便籤/圖像的便籤；比如 京東和途牛點評的卡片貼
2、text-shadow 文本也有了陰影效果
盒子模型的 width/height
1、使用 box-sizing 可以指明 width/height 是指的哪一部分
背景
背景圖片的特效
1、可以支持同時多個圖片做爲背景疊加，分別做平鋪處理
2、可以控制背景圖片的大小，佔滿整個元素（在2中，只能平鋪等處理）
3、可以控制背景圖片在 盒子模型中的顯示 區域
增加了很多PS纔有的特色功能
1、漸變效果：線性漸變 linear-gradient/radial-gradient 可以指定任意角度，是否重複，等各種漸變效果
2、圖片濾鏡：實現各種 飽和度/色彩/模糊 功能的用法
可以自有使用瀏覽器字體外的字體
@font-size
響應式佈局
多媒體查詢 + 響應式圖像 = 響應式web頁面 （PC/移動端自適應？）
1、通過 @media 多媒體查詢，可以 使用PC的各種瀏覽器調整； 更可以通過這個適應 移動端
2、響應式圖像，避免了圖像的擴展溢出超過父元素的大小
補充閱讀：響應式web，媒體查詢
動畫
2D轉換 & 過渡
1、通過 2D轉換 實現很多動態效果，最常用的是 translate 沿着x，y軸移動元素，比如實現的 按鈕按下/彈起效果；scale ，圖像從小變大，從大到小的變換。
2、通過使用 transition [屬性] 時長，實現過渡效果
這兩者結合可以實現，很多 組件的動畫效果。
同時 2D轉換 還可以結合 動畫 實現類似效果
動畫
1、@keyframes donghua 定義動畫過渡的多個樣式，可以是 from to 或者 百分比
2、在 元素樣式中指定 這個動畫 animation:donghua 5s;
彈性盒子佈局
新增的佈局好像沒啥太多的使用意義？
雜項
文本換行 word-wrap；多列 column-count
總結就是
1、增加了動畫效果：2D轉換 過渡 動畫
2、增加了顯示立體感：盒子模型的陰影/圓角 背景圖片等等
3、響應式web頁面