CSS和CSS3許多特性之間有足夠顯著的差異，值得我們更仔細地研究。因此，在某些情況下，我們會涵蓋圖表中已經提到的功能，但會更仔細地觀察它們。對CSS感興趣的同學，可以參加Web前端培訓，你可以學到更全面的知識和技能，提高前端開發工作效率。

　　讓我們選出一些網頁設計的特點，看看它們在CSS和CSS3之間有什么不同。

　　1.兼容性

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

　　2.圓角和漸變

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

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

　　3.CSS和CSS3中的列表

　　使用CSS的開發人員可以創建不同的有序或無序列表。此外，web開發人員可以為列表項標記設置背景色或引入自定義圖像。CSS還可以調整列表類型，如圓形、方形和圓盤形。在Web前端培訓中，有很多關于CSS的課程，理論知識+實踐項目，雙管齊下，更有利于學員加深對所學知識的理解和運用，真正做到學以致用，從而將知識內化成自身的能力。

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

　　4.文本效果和動畫

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

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

　　5.字體

　　CSS確保所有的機器和瀏覽器應該顯示和使用相同的字體，這樣設計就不會產生異常。然而，在CSS3中，web開發人員可以引入更多獨特的字體，而不是通過HTML腳本使用web安全標簽字體。如果你想往前端的方向走，當然不止CSS，還有更多的東西要學，可以報個Web前端培訓班，有系統全面的課程和明確清晰的學習路線，讓學習更輕松更有效。

　　6.偽類

　　CSS支持偽類，允許開發人員定義HTML元素的特定狀態。例如，開發人員可以使用偽類來突出顯示用戶已經單擊過的網頁上的鏈接，或者在用戶的鼠標懸停在HTML元素上時設置該元素的樣式。

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

　　7.屬性選擇器。

　　CSS3具有選擇器的概念，而CSS沒有。因此，開發人員可以使用CSS3選擇HTML元素來代替ID和類作為應用于CSS樣式的屬性，而不是應用類或ID來創建樣式。如果你想了解更多關于CSS的信息，不妨報名參加Web前端培訓，有理論和實踐項目一起學習，學以致用，在項目中鍛煉自己的思維能力和動手能力，獲得快速成長。