CSS3是CSS(層疊樣式表)技術的升級版本,於1999年開始訂訂,2001年5月23日W3C完成了CSS3的工作草案,主要包括盒子模型、列表模組、超連結方式、語言模組、背景和邊框、文字特效、多欄佈局等模組 。
CSS演進的一個主要變化就是W3C決定將CSS3分成一系列模組。瀏覽器廠商按CSS節奏快速創新,因此透過採用模組方法,CSS3規範裡的元素能以不同速度向前發展,因為不同的瀏覽器廠商只支援給定特性。但不同瀏覽器在不同時間支援不同特性,也讓跨瀏覽器開發變得複雜 。
發展過程
早在2001年W3C就完成了CSS3的草案規範。 CSS3規範的一個新特點是被分成若干個相互獨立的模組。一方面分成若干較小的模組較利於規範及時更新和發布,及時調整模組的內容,這些模組獨立實現和發布,也為日後CSS的擴展奠定了基礎。另外一方面,由於受支援設備和瀏覽器廠商的限制,沒備或廠商可以有選擇的支援一部分模組,支援CSS3的一個子集,這樣有利於CSS3的推廣 。
程式開發
CSS3程式設計工具同CSS,任何一種文字編輯工具都可用來寫,如:Windows下的寫字本、記事本;或其他專門用於編輯網頁文字的工具,如:IntelliJ IDEA、Eclipse、MyEclipse、webstorm、sublime text;此外還有專門針對前端開發的插件,如:Emmet。
語言基礎
CSS3的語法是建立在CSS原先版本基礎上的,它允許使用者在標籤中指定特定的HTML元素而不必使用多餘的class、ID或JavaScript。 CSS選擇器中的大部分並不是在CSS3中新添加的,只是在先前的版本中沒有廣泛的應用。如果想嘗試實現一個乾淨的、輕量級的標籤以及結構與表現更好的分離,高級選擇器是非常有用的,它們可以減少在標籤中的class和ID的數量並讓設計師更方便地維護樣式表 。
優勢評估
1、減少開發成本與維護成本
在CSS3出現之前,開發人員為了實現一個圓角效果,往往需要額外的HTML標籤,使用一個或多個圖片來完成,而使用CSS3只需要一個標籤,利用CSS3中的border-radius屬性就能完成。這樣,CSS3技術能把人員從繪圖、切圖和優化圖片的工作中解放出來。如果後續需要調整這個圓角的弧度或圓角的顏色,使用CSS2.1,需要從頭繪圖、切圖才能實現,使用CSS3只要修改border-radius屬性值就可快速完成修改。
CSS3提供的動畫特性,可讓開發者在先實作一些動態按鈕或動態導航時遠離JavaScript,讓開發人員不需要花費大量的時間去寫腳本或尋找合適的腳本外掛程式來適配一些動態網站效果。
2、提高頁面性能
很多CSS3技術通過提供相同的視覺效果而成為圖片的“替代品”,換句話說,在進行Web開發時,減少多餘的標籤嵌套以及圖片的使用數量,意味著使用者要下載的內容將會更少,頁面載入也會更快。另外,較少的圖片、腳本和Flash檔案能夠減少使用者造訪Web網站時的HTTP請求數,這是提升頁面載入速度的最佳方法之一。而使用CSS3製作圖形化網站無需任何圖片,大幅減少了HTTP的請求數量,並且提升了頁面的載入速度。例如CSS3的動畫效果,能夠減少對JavaScript和Flash檔案的HTTP請求,但可能會要求瀏覽器執行很多的工作來完成這個動畫效果的渲染,這有可能導致瀏覽器響應緩慢致使用戶流失。因此,在使用一些複雜的特效時需要考慮清楚。其實很多CSS3技術能夠在任何情況下都大幅提升頁面的效能 [44] 。
CSS3將完全向後相容,所以沒有必要修改的設計來讓它們繼續運作。網路瀏覽器也將繼續支援CSS2
#以上是html css3是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!