注：由於CSS3的新特性較多，所以分兩篇博文來說明。第一篇主要包括新的選擇器、文字及塊陰影、多背景圖、顏色漸變、圓角等。第二篇主要細說CSS3的各種動畫效果，如：旋轉、移動、縮放等，還包括圖標字體的應用。
CSS3屬性選擇器：
a[href$=‘.pdf’] 表示 href屬性中以.pdf結尾的被選中
a[href^=‘mailto’] 表示href屬性中以mailto開頭的被選中
a[href*=‘item’] 表示href屬性中含有item的都被選中
其中a只是指代元素標籤
現有三個div，他們的屬性name的值各不同：
加入選擇器：
效果：
CSS3僞類選擇器:
現有一表格如下：
加入僞類選擇器：
:nth-of-type可以通過參數來選擇表格的奇數行或偶數行，odd代表奇數行，even代表偶數行。
效果：
:nth-child僞類，同樣是用來選擇行。參數爲n時選中所有行，參數爲n+i時表示從第i行開始下面的都被選中，2n表示2的倍數行被選中，即偶數行，3n表示3的倍數行被選中。
效果：
n+i:
2n:
3n:
還有一個:nth-last-child()僞類，用法和nth-child基本一致，只是所有規則都是從下往上數的，就相當於把表倒個個。這裏也沒必要多說了，有興趣的讀者可以自己試下。
多背景圖：
CSS3中backgroud-image可以設置多個背景圖，還可以設置每個背景圖的位置。
每個背景圖有四個參數，1.url地址 2.上下位置，包括top center bottom，也可用百分比 3.左右位置，包括left center right，也可用百分比
4.重複方式，包括no-repeat repeat-y repeat-x。很好理解，就是不平鋪、縱向平鋪、橫向平鋪。
(這裏偷個懶沒截圖，讀者們可以拿自己喜歡的圖片嘗試下）
文字陰影：
寫法：
文字陰影包括4個參數，1.橫向偏移量 2.縱向偏移量 3.模糊半徑（數值越高越模糊，反之越清晰）4.陰影顏色
效果：
塊級陰影：
塊陰影可以應用於許多塊級元素上
現給一div加上塊陰影：
效果：
圓角：
圓角這一特性應用非常廣泛，還可以用圓角來畫圓形。
應用於div上：
效果：
漸變：
漸變分爲兩種：線性漸變、徑向漸變
線性漸變：
由於繪製漸變時，會被瀏覽器解析成爲一張背景圖片，所以做漸變時要用到backgroud-image。
漸變第一個參數爲起始位置：left表示從左到右 top表示從上到下，以此類推。之後可以設置多個顏色，顏色後可以設置漸變的起始位置（用百分比）。
效果：
徑向漸變，顧名思義，是按圓的半徑方向漸變：
center表示從中心開始漸變
又一個太陽出來了，注意這可不是用陰影做的，而是徑向漸變。
