1、css3學習筆記之選擇器，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布局～

以上是我的看法～

2、css選擇器包括class選擇器嗎？

不包括

?一：css基本選擇器有哪些

1.css屬性選擇器

2.css標簽選擇器

3.cssID選擇器

4.css的通配符

二：css有哪些高級選擇器

1.css標簽選擇器

css標簽選擇器其實就是頁面上的所有類型的標簽，我們對經常描述稱為共性，對無法描述的稱為個性。我們在頁面上看到input，div和ul都有可能是選擇器，無論這個標簽藏得多深，都可能被選擇上，并且選擇的是所有標簽，并不是單單指一個。

2.cssID選擇器

css中我們使用#來對名字進行自定義，#是指對一個特殊的標簽來使用，并且只能用一次，在任何html標簽中，都可以有id屬性，但是前提要按照字母開頭，更不能用字母去開頭，或者和標簽同名。還有一些高手建議在css層面上盡量不要使用id。

3.css類選擇器

css中類選擇器，我們使用.來表示，我們使用類來表示，其實就是比較靈活。class和id是十分相似的，并且同一個標簽可以使用很多個類選擇器，也可以多種標簽使用。

4.css的通配符，可以替換任何標簽，目前有些瀏覽器是不支持使用。

3、css3的作用及角色？

CSS3是CSS2的升級版本，3只是版本號，它在CSS2.1 的基礎上增加了很多強大的新功能，目前主瀏覽器 Chorme、Safari、Firefox、Opera、甚至360都已經支持了CSS3大部分功能了，IE10以后也開始全面支持CSS3了。在編寫CSS3樣式時，不同的瀏覽器可能需要不同的前綴。它表示該CSS屬性或規則尚未成為W3C標準的一部分。是瀏覽器的私有屬性雖然目前較新版本的瀏覽器都是不需要前綴的，但為了更好的向前兼容，前綴還是少不了的。

Chrome 和 Safari：-webkit

Firefox：-moz

IE：-ms

Opera：-o

CSS3 把很多以前需要使用的圖片和腳本來實現的效果，甚至動畫效果，現在只需要短短幾行代碼就能搞定。比如：圓角、圖片邊框、文字陰影和盒陰景、漸變、個性化字體、多圖片背景、變形處理（旋轉、縮放、傾斜、移動）、過渡、動畫、多欄布局、媒體查詢等。還有選擇器，簡化了前端開發工作人中山小欖的設計過程，加快頁面載入速度。

4、css如何設置網頁鏈接？

1. 打開文檔，然后打開“CSS樣式”面板。

2. 在“CSS樣式”面板中，點擊右下角的“新建 CSS 規則”按鈕，打開“新建 CSS 規則”對話框。

在“選擇器類型”中選擇“復合內容(基于選擇的內容)”項。

在“選擇器名稱”中點擊右邊的下拉箭頭，我們可以看到：

a:link：未訪問的超鏈接。

a:visited：已經訪問過的超鏈接。

a:hover：鼠標指針移動到上面時的超鏈接。

a:active：正在訪問的超鏈接。

3. 在“選擇器名稱”中選擇“a:link”項，然后點擊“確定”按鈕，打開“CSS 規則定義”對話框。

4. 在“CSS 規則定義”對話框中，在“分類”下拉框中選擇“類型”，然后在右邊“類型”部分設置鏈接字體的顏色、大小和修飾等。

5. 設置好以后單擊“確定”按鈕，完成“a:link”項的設置。