1、css3的新特性偽類選擇器，使用樣式表有什么好處？

使用樣式表有以下優點：

1.內容與表現分離

寫一個網頁就好比建房子，房子的結構通過磚塊、鋼筋、水泥搭建，后期通過瓷磚、地板等的裝飾，才能讓房子更加漂亮。

網頁通過HTML搭建整體結構，通過CSS修飾美化網頁。為了使得在搭建的過程中不受到美化網頁的影響，而是專注在結構上。并且在后期的維護上也更加方便。

2.網頁的表現統一，容易修改

分開之后，結構和樣式在不同的文件，互不影響，結構清晰，可讀性強，后期如果修改維護便于定位查找。

3.豐富的樣式，使得頁面布局更加靈活

首先樣式表中提供了強大的而且非常全面靈活的選擇器，可以供我們選取到網頁中的任何一個元素

從大的方面選擇器可以分為四大類：

1.基本選擇器

2.層次選擇器

3.結構偽類選擇器

4.屬性選擇器

如下圖我只是截取了屬性選擇器中幾種：

其次樣式表不僅提供了文本效果、背景和邊框還有2D/3D 轉換、動畫、多列布局、用戶界面等。

4.減少網頁的代碼量，增加網頁的瀏覽速度，節省網絡帶寬

很多CSS3技術通過提供相同的視覺效果而成為圖片的“替代品”

換句話說，在進行Web開發時，減少多余的標簽嵌套以及圖片的使用數量，意味著用戶要下載的內容將會更少，頁面加載也會更快。

另外，更少的圖片、腳本和Flash文件能夠減少用戶訪問Web站點時的HTTP請求數，這是提升頁面加載速度的最佳方法之一。

而使用CSS3制作圖形化網站無需任何圖片，極大地減少了HTTP的請求數量，并且提升了頁面的加載速度

基于以上幾點，使用樣式表是必須的！！

2、css3中偽類選擇器由什么組成？

w3c規范中偽類有：

active、hover、link、visited 【css1】

所有主流瀏覽器都支持以上偽類，但是只在對標簽上的支持最好。

【css2】的有3個

focus ： 如果規定了<!doctype>，將在主流瀏覽器&ie8+中支持(否則ie不支持)

first-child：必須聲明<!doctype>才能夠確保在ie中正常支持

lang：如果規定了<!doctype>，將在主流瀏覽器&ie8+中支持(否則ie不支持)

3、CSS定義超鏈接樣式有什么順序？

首先，CSS設置超鏈接樣式是通過偽類來實現的css稱這些鏈接狀態為偽類選擇器，在css思考方式里,"真"類屬性是用class=的屬性來明確指定的,而偽類選擇器則是用(:hover ; :visited ; :link ; :active)來指定,具體意義及順序如下： a:link是鏈接平常的狀態， a:visited是已訪問的狀態，a:hover是鼠標停留在鏈接之上，a:active是被選擇的鏈接。 偽類名字對大小寫不敏感，但在定義順序上有要求。:hover必須被置于:link和:visited之后才是有效的，:active必須被置于:hover之后才是有效的。 如果沒有指定偽類，則默認為 :link。

4、html5和css3與html和css的區別？

html5是HTML的最新標準版本，而css3則是css的最新標準版本。平時大家說HTML5+CSS3，其實指的就是利用這二者的新特性來開發項目。 HTML5相對于以前的HTML4版本，主要朝著語義化、現代化的方向發展，去掉了一些純表現形式的標簽，增加了一些語義化的標簽和多媒體標簽，更加符合現代開發需要。而CSS3呢，基本上是向下兼容以前的標準，在以前的基礎上添加了不少新特性。利用HTML5+CSS3組合，可能簡單幾行代碼就能夠實現以前需要很多代碼配合js才能實現的功能。