CSS3是什麼？史上最全的CSS3簡介

本篇文章帶給大家的內容是關於CSS3是什麼？史上最全的CSS3簡介，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

對於沒接觸過CSS3的讀者，看到CSS3的第一個反應就是「CSS3跟CSS有什麼差別呢？」其實CSS3是CSS的升級版本。 CSS是從CSS1.0、CSS2.0、CSS2.1和CSS3.0這幾個版本一直升級而來，其中CSS2.1是CSS2.0的修訂版，CSS3.0是CSS的最新版本（了解CSS版本問題也是非常必要的）。

我們平常所說的CSS其實指的是CSS2.1，而CSS3特指相對CSS2.1「新增加的屬性」。

CSS3.0相對於CSS2.1來說，新增了許多屬性與方法，最典型的就是圓角、變形與動畫等。在CSS2.1中，為標籤設定圓角是一件很頭痛的事情，實現動畫效果也是透過jQuery等實現。

CSS3具有以下強大的功能：

（1）選擇器；

（2）文字效果：如文字陰影text-shadow屬性、嵌入字體@font- face等；

（3）顏色效果：如RGBA顏色、不透明度opacity等；

（4）邊框效果：如邊框圓角border-radius、邊框陰影box-shadow等;

（5）背景效果：如背景大小background-size、背景切片background-clip等；

（6）CSS3變形：如位移translate()、縮放scale()等;

（7）CSS3過渡：如過渡屬性transition-property、過渡時間transition-duration；

（8）CSS3動畫：

（9）多列佈局;

（10）彈性盒子模型；

（11）使用者介面：如調整元素尺寸resize屬性、外輪廓線outline屬性；

CSS3最大的好處是：以前需要使用圖片或JavaScript來實現的效果，現在只需要幾句CSS程式碼就能搞定。

對於CSS系列，站長從不同人群角度劃分為CSS入門教程、CSS進階教程與CSS3教程，其中CSS入門教程和CSS進階教程針對的是CSS2.1，而CSS3教程針對的是「新增加的屬性」。 。 CSS3教學是前端的高階教程，大家還是打好基礎再來學習哈，不然就出現一堆疑問，這樣學得啥意思都沒有。在這個教程中，站長不會對過於基礎的知識花費過多篇幅去講解，小伙伴們有空去找找度娘就可以了。 CSS3教學需要你有一定的HTML和CSS基礎。以下是先修課程：

HTML影片教學

#Html5影片教學

即使你是前端高手了，我相信php中文網中的HTML入門教程、CSS入門教程這些教程同樣有值得你去挖掘的地方，因為裡面的知識已經系統化了，並且加入了大量的程式技巧與思想。

以上是CSS3是什麼？史上最全的CSS3簡介的詳細內容。更多資訊請關注PHP中文網其他相關文章！