盡管CSS3的諸多新特性還不被很多瀏覽器支持，或者說支持的不好。但作為一個前端開發人員，你總不能等到所有瀏覽器都完美支持它的時候再去學習。
CSS3到底給我們帶來了哪些新特性呢？簡單的說，CSS3把很多以前需要使用圖片和腳本來實現的效果，只需要短短幾行代碼就能搞定。比如圓角，圖片邊框，文字陰影和盒陰影等。CSS3不僅能簡化前端開發工作人員的設計過程，還能加快頁面載入速度。
本文里面，就讓我們來全面的看一下CSS3的各種新特性。也別忘了檢閱我們之前發布的一些CSS教程和技巧文章： 60+CSS技巧教程資源大全 CSS3.0相關資源和參考手冊收集整理 使用瀏覽器專有屬性
為了使用大部分CSS3特性，我們不得不與原來的屬性一起使用生產商專有擴展。原因是直到現在，大部分瀏覽器只支持部分CSS3屬性。而且不幸的是，一些屬性甚至到最后都可能不被W3C推薦，所以通過指定瀏覽器專有屬性，將他們與標準屬性區分開來是很重要的(然后在他們是多余的的時候使用符合標準的樣式將之覆蓋)。
當然，這種方法的劣勢是，將導致一個雜亂的樣式表和網站在瀏覽器之間的表現不一致。畢竟，我們不想在我們的樣式表中重拾私有瀏覽器hack的需求。 Internet Explorer的臭名昭著的marquee、blink以及其它標簽在大量樣式表中被應用，并在20世紀九十年代成為一個傳奇；它們依然讓現存的很多網 站（在其他瀏覽器中）表現不一致甚至難以閱讀。而我們現在也不想將我們自己置于同樣的境地，對吧？
然而，網站不需要在所有的瀏覽器中看起來必須嚴格的一致。有的時候在某個瀏覽器中使用私有屬性來實現特定的效果是可行的。
最常見的私有屬性是用于Webkit核心瀏覽器的(比如, Safari)， 它們以-webkit-開始，以及Gecko核心的瀏覽器(比如, Firefox)，以-moz-開始，還有Konqueror (-khtml-)、Opera (-o-) 以及Internet Explorer (-ms-)都有它們自己的屬性擴展（目前只有IE8支持-ms-前綴）
作為專業的設計師，我們不得不注意：使用這些私有屬性將讓我們的樣式表不能通過驗證。所以目前將他們放到最終版的樣式中是少見的。但是在某種情況下，比如試驗或學習，我們至少可以考慮將他們和標準的CSS屬性一起寫到一個樣式表中。擴展閱讀 Vendor-specific extensions and W3C Vendor-specific extensions to CSS3 Vendor-specific properties 1. 選擇器
CSS選擇器是個難以置信地強大的工具：它們允許我們在標簽中指定特定的HTML元素而不必使用多余的 class、 ID 或JavaScripts。而且它們中的大部分并不是CSS3中新添加的，而是沒有被得到應有的廣泛應用。如果你在嘗試實現一個干凈的、輕量級的標簽以及 結構與表現更好的分離，高級選擇器是非常有用的。它們可以減少在標簽中的class和ID的數量并讓設計師更方便的維護樣式表。屬性選擇器