CSS和CSS3許多特性之間有足夠顯著的差異，值得我們更仔細地研究。因此，在某些情況下，我們會涵蓋圖表中已經(jīng)提到的功能，但會更仔細地觀察它們。

讓我們選出一些網(wǎng)頁設(shè)計的特點，和六星云課堂一起看看它們在CSS和CSS3之間有什么不同。

1.兼容性

CSS3是CSS更高級的版本。因此，你用CSS編寫的任何代碼在CSS3中都是有效的。但是，反過來就不對了。

2.圓角和漸變

當(dāng)CSS發(fā)布時，開發(fā)人員使用設(shè)計圖像來創(chuàng)建具有不同漸變和結(jié)構(gòu)的圓角。但是，CSS沒有任何特殊的屬性可以讓網(wǎng)頁設(shè)計者快速地將元素的邊角變圓。因此，這是一個艱苦的過程，包括設(shè)計代表圓角的圖像，將它們存儲在服務(wù)器上，然后將它們放在網(wǎng)頁上。

相比之下，一旦CSS3問世，開發(fā)者只需添加一段簡單的代碼就能達到同樣的效果。例如，下面是圓形邊框的代碼：{border-radius:25px}。此外，現(xiàn)在可以更容易地使用簡單的代碼設(shè)置漸變，如：gradBG{ Background:linear-gradient(red，blue)；}。

3.CSS和CSS3中的列表

使用CSS的開發(fā)人員可以創(chuàng)建不同的有序或無序列表。此外，web開發(fā)人員可以為列表項標(biāo)記設(shè)置背景色或引入自定義圖像。CSS還可以調(diào)整列表類型，如圓形、方形和圓盤形。

但是對于CSS3，display屬性中已經(jīng)指定了list-item。因此，web開發(fā)人員可以針對列表項標(biāo)記引入圖像，盡管它不支持編號。

4.文本效果和動畫

CSS動畫使用JavaScript和jQuery。它沒有圖層設(shè)計的特點，也沒有任何特殊效果，如文本陰影，文本選擇等。

相比之下，CSS3允許開發(fā)者加入文本陰影來創(chuàng)建3D效果。CSS3還提供了文本大小或顏色的靈活和連續(xù)的變化。此外，CSS3動畫可以在沒有JavaScript或Flash代碼的情況下運行。此外，使用CSS3的開發(fā)人員可以使用更少的代碼生成文本設(shè)計，從而提高網(wǎng)頁加載速度。

5.字體

CSS確保所有的機器和瀏覽器應(yīng)該顯示和使用相同的字體，這樣設(shè)計就不會產(chǎn)生異常。然而，在CSS3中，web開發(fā)人員可以引入更多獨特的字體，而不是通過HTML腳本使用web安全標(biāo)簽字體。

6.偽類

CSS支持偽類，允許開發(fā)人員定義HTML元素的特定狀態(tài)。例如，開發(fā)人員可以使用偽類來突出顯示用戶已經(jīng)單擊過的網(wǎng)頁上的鏈接，或者在用戶的鼠標(biāo)懸停在HTML元素上時設(shè)置該元素的樣式。

CSS3也允許偽類。然而，CSS3偽類具有高級功能。例如，開發(fā)人員可以根據(jù)子元素相對于父元素的位置來定位父元素的子元素。

7.屬性選擇器

CSS3具有選擇器的概念，而CSS沒有。因此，開發(fā)人員可以使用CSS3選擇HTML元素來代替ID和類作為應(yīng)用于CSS樣式的屬性，而不是應(yīng)用類或ID來創(chuàng)建樣式。

以上就是本次分享的全部內(nèi)容，想學(xué)習(xí)更多編程技巧，歡迎持續(xù)關(guān)注六星云課堂！