CSS3基礎知識及詳情

什麼是CSS3

CSS3是CSS2的升級版本，3只是版本號，它在CSS2.1的基礎上增加了許多強大的新功能。目前主流瀏覽器chrome、safari、firefox、opera、甚至360都已經支援了CSS3大部分功能了，IE10以後也開始全面支援CSS3了。

在編寫CSS3樣式時，不同的瀏覽器可能需要不同的前綴。它表示該CSS屬性或規則尚未成為W3C標準的一部分，是瀏覽器的私有屬性，雖然目前較新版本的瀏覽器都是不需要前綴的，但為了更好的向前兼容前綴還是少不了的。

注意：此課程不支援IE9版本以下，建議使用chrome、safari、firefox、opera瀏覽器的最高版本學習本課程。

CSS3能做什麼？

CSS3為我們帶來了什麼好處呢？簡單的說，CSS3把很多以前需要使用圖片和腳本來實現的效果、甚至動畫效果，只需要短短幾行程式碼就能搞定。例如圓角，圖片邊框，文字陰影和盒子陰影，過渡、動畫等。

CSS3簡化了前端開發工作人員的設計流程，加快頁面載入速度。

對CSS3已完全向後相容，所以你就不必改變現有的設計。瀏覽器將永遠支援CSS2。

CSS3 模組

CSS3被拆分為"模組"。舊規範已拆分成小塊，也增加了新的。

一些最重要CSS3模組如下：

選擇器

盒模型

背景與邊框

文字特效

2D/3D轉換

動畫

多列佈局

使用者介面

CSS3 建議

W3C的CSS3規格仍在開發。

但是，許多新的CSS3屬性已在現代瀏覽器中使用。