首頁 >web前端 >前端問答 >css3是什麼意思

css3是什麼意思

藏色散人
藏色散人原創
2021-06-01 11:04:432988瀏覽

css3是CSS層疊樣式表技術的升級版本,於1999年開始訂訂,2001年5月23日W3C完成了CSS3的工作草案,主要包括盒子模型、列表模組、超連結方式、語言模組、背景和邊框、文字特效、多欄佈局等模組。

css3是什麼意思

本文操作環境:windows7系統、css3版、Dell G3電腦。

CSS3是CSS(層疊樣式表)技術的升級版本,於1999年開始訂訂,2001年5月23日W3C完成了CSS3的工作草案,主要包括盒子模型、列表模組、超連結方式、語言模組、背景和邊框、文字特效、多欄佈局等模組。

CSS演進的一個主要變化就是W3C決定將CSS3分成一系列模組。瀏覽器廠商按CSS節奏快速創新,因此透過採用模組方法,CSS3規範裡的元素能以不同速度向前發展,因為不同的瀏覽器廠商只支援給定特性。但不同瀏覽器在不同時間支援不同特性,也讓跨瀏覽器開發變得複雜。

CSS3程式設計工具同CSS,任何一種文字編輯工具都可用來寫,如:Windows下的寫字本、記事本;或其他專門用於編輯網頁文字的工具,如:IntelliJ IDEA、 Eclipse、MyEclipse、webstorm、sublime text;此外還有專門針對前端開發的插件,如:Emmet。

優勢評估

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技術能夠在任何情況下都大幅提升頁面的效能 。

CSS3將完全向後相容,所以沒有必要修改的設計來讓它們繼續運作。網路瀏覽器也也將繼續支援CSS2  。

推薦學習:《css影片教學

以上是css3是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn