1、css3新增的選擇器和屬性，初學者可以直接跳過CSS直接學習CSS3嗎？

你這問題就像是在問：我可以先吃碗底的飯嗎？反正都是要把一碗飯吃完，先吃碗底的還是先吃碗面的有啥區別呢。

CSS3只是CSS的一個技術標準，本質上還是CSS，也就是說，你學CSS3也就是在學習CSS。

因此，最重要的是你先要知道怎么張口吃這碗飯，而不是從碗底開始吃還是先從碗頂先吃。

只要你把CSS的基本概念搞清楚了，那么一切都不是問題，CSS3也只是比CSS1多了許多可以簡化開發而且效果極其酷炫的新玩意而已，這一切都可以通過查詢文檔來查找而不需要專門的學習，而CSS1和CSS2的許多基礎內容（比如定位，比如盒模型）卻在實際開發中常常用到，即使你先學CSS3，你也不可避免地要使用它們。因此，誰先誰后又有啥關系呢。

個人建議，學習，最重要的還是要注重實踐，書中來的終覺淺，多嘗試你會發現更多。

說到這份上，貌似你不能跳過CSS1和CSS2直接學CSS3了，width、height、margin這些都不是CSS3的內容，還有標簽選擇器、類選擇器這些基礎選擇器。直接上手CSS3，連一個像樣的盒子都寫不出來的。

2、如何定義input標簽中type？

可以用css3中新增的選擇器“[attribute=value]”來同時選中指定的屬性的標簽。

1、新建html文檔，添加5個input標簽，其中第一個和最后一個“type”屬性的屬性值為“text”：

2、在head標簽和body標簽之間添加style標簽，添加代碼“input[type=text]”，“input”指的是標簽名，“type”指的是屬性名，“text”指的是屬性值，這個就會把所有屬性名為“type”、屬性值為“text”的input標簽選中：

3、為被選擇的標簽設置背景色為紅色，這時屬性值為“text”的第一個標簽和最后一個標簽背景色都變成了紅色：

3、css的類選擇器用什么屬性引用？

用于來定義一類可以在同一個頁面內重復利用的樣式。 如比較常用的.clearfix（一般是用于清除浮動），或者自己定義的用于新聞列表的樣式，詳細的寫好鏈接、列表、邊框以及背景等屬性，有些人還會習慣把一些常用的屬性作為一個類。

4、css3和css一樣嗎？

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布局～

以上是我的看法～