CSS3是CSS的子集，CSS3是最新的標準，提供了很多好用的新屬性，提升了網頁的表現性。
CSS3提供了更好用的選擇器最新的CSS3中，對偽類、偽元素選擇器做了嚴格的規范。有了偽類后，不用在div標簽里面添加額外的元素完成一些DOM操作，可以通過::before,::after完成，代碼簡潔明了。對于鼠標的操作，也可以通過::hover等類似的操作完成。非常高效。還有::first–child等類似的選擇器去操作子元素。
CSS3使動畫效果越來越方便css3里面通過animation來完成動畫，設置@keyframes即可，一些輕量級的動畫不必再通過js完成。
CSS3完成圓角、陰影美化更方便以前的css完成類似的功能只能通過圖片做背景，現在只需要border-radius、boxshadow即可。非常高效簡潔。
CSS3提供了全新的盒模型這個特性十分有用。原來的盒模型width=content.+border+padding。你規定了width.每次都要自己計算，現在有了boder-box不用這么麻煩了。
CSS3的flex布局是最強大的IE已死，不需要再考慮它的兼容性！！！用flex布局，節省很多時間，節省的時間可以學很多東西，而不是浪費時間去適應落后的ie！！！
還有很多好用的css3特性，這個版本提供了巨大的生產力！！！很感謝它，期待下一個grid布局～
以上是我的看法～
偽元素和偽類之所以這么容易混淆，是因為他們的效果類似而且寫法相仿，但實際上 css3 為了區分兩者，已經明確規定了偽類用一個冒號來表示，而偽元素則用兩個冒號來表示。
1、代表內聯樣式，如: style=””，權值為1000。
2、代表ID選擇器，如：#content，權值為100。
3、代表類，偽類和屬性選擇器，如.content，權值為10。
4、代表類型(元素)選擇器和偽元素選擇器，如div p，權值為1。 按照CSS代碼的執行先后順序。如果有重復的規則，按照后執行的定義。最終規則是多個定義規則的綜合。重點：高級規則定義對于不同表格的文字樣式定義。(不同表格使用不同ID、使用類樣式定義)一頁中的多種超級鏈接樣式定義。多個相同規則不同對象的CSS共同定義。對于同一對象定義的多種CSS方式考慮哪種更科學。
首先，在做項目前，我們一定要確認是否需要兼容IE8~IE9，從剛開始就注意兼容問題，做起來就會很舒服，如果項目完成后做兼容，簡直就是噩夢。下面是我這幾天做IE8兼容遇到的一些問題。
1、css樣式方面css樣式，盡量少用css3的這些偽類選擇器，如果使用了，在后期做兼容會很累，如果項目硬要兼容IE8+，那就請你從一開始就避免這些偽類的使用吧。避免了最難解決的偽類問題后，剩下的就是針對IE8 IE9做一些樣式上的微調，將會異常輕松。
2、JS方面 2.1、IE8是不支持className選擇節點的，所以，最省時省力的方法，我們在選擇節點時，可以多使用jquery選擇器，說實話，jQuery的兼容性還真的好。當然如果你的父節點不是element，沒法用jq的時候，只能自己拓展了；解決IE8一下不支持getElementsByClassName的方法 - CSDN博客 這個博客的方法適合隨意指定父節點，實測有效； 2.2、如果你要遍歷一個數組，請不要用map forEach,因為這些方法IE8 IE9都不支持，如 果你項目里用到了，修改起來很麻煩，那么就拓展一個map forEach方法吧。 2.
3、如果需要在文本框里添加placeholder，個人建議使用插件，將會有和原生瀏覽器一樣的效果。 推薦jquery.placeholder.js 這個插件 2.
4、現在大部分主流瀏覽器都支持bind，很不幸，IE8卻不支持，如果碰到了bind的兼容問題，那么只能自己寫拓展了。 2.
5、IE8 IE9均不支持calssList屬性，如果用到了增刪class，那么只能自己寫拓展。給不支持classList的瀏覽器（IE9以及以下等）的元素添加classList屬性 - 麥兜的博客 - CSDN博客這個博客上有具體的代碼，當然你復制下來運行發現會報錯，你需要加上這句代碼window.HTMLElement = window.HTMLElement || Element;因為IE不識別HTMLElement。 2.
6、如果你不小心用到了某個jq版本的text()方法，那么你要注意，有可能IE8不兼容，最好使用innerHTML 2.
7、IE8并不支持event.target，如果你不小心用了，會報錯 找不到 target 屬性。這就取決于IE8的機制，event只能是window對象的一個屬性，所以我們這樣寫就能兼容IE8了；var event=window["event"]; 可以用 event.srcElement獲取你想要的節點對象。