css3的推出時間和優(yōu)點是什么

本篇內(nèi)容主要講解“css3的推出時間和優(yōu)點是什么”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“css3的推出時間和優(yōu)點是什么”吧!

CSS3于1999年開始制訂，2001年5月23日W3C完成了CSS3的工作草案，草案中制定了CSS3發(fā)展路線圖，詳細列出了所有模塊，并計劃在未來將逐步進行規(guī)范；主要包括盒子模型、列表模塊、超鏈接方式、語言模塊、背景和邊框、文字特效等模塊。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3版、Dell G3電腦。

CSS3是CSS（層疊樣式表）技術(shù)的升級版本，于1999年開始制訂，2001年5月23日W3C完成了CSS3的工作草案；在該草案中制定了 CSS3 發(fā)展路線圖，路線圖詳細列出了所有模塊，并計劃在未來將逐步進行規(guī)范。

CSS3規(guī)范的一個新特點是被分為若干個相互獨立的模塊。一方面分成若干較小的模塊較利于規(guī)范及時更新和發(fā)布，及時調(diào)整模塊的內(nèi)容，這些模塊獨立實現(xiàn)和發(fā)布，也為日后CSS的擴展奠定了基礎(chǔ)。另外一方面，由于受支持設(shè)備和瀏覽器廠商的限制，設(shè)備或者廠商可以有選擇的支持一部分模塊，支持CSS3的一個子集，這樣有利于CSS3的推廣。

下面簡單地說明一下各個主要模塊的發(fā)布時間和內(nèi)容：

• 2002 年 5 月 15 日發(fā)布了 CSS3 Line 模塊，該模塊規(guī)范了文本行模型。

• 2002 年 11 月 7 日發(fā)布了 CSS3 Lists 模塊，該模塊規(guī)范了列表樣式。

• 2002 年 11 月 7 日還發(fā)布了 CSS3 Border 模塊，新添加了背景邊框功能。該模塊后來被合并到了背景模塊中。

• 2003 年 5 月 14 日發(fā)布了 CSS3 Generated and Replaced Content 模塊，定義了 CSS3 的生成及更換內(nèi)容功能。

• 2003 年 8 月 13 日發(fā)布了 CSS3 Presentation Levels 模塊，定義了演示效果功能。

• 2003 年 8 月 13 日還發(fā)布了 CSS3 Syntax 模塊，該模塊重新的定義了 CSS 語法基礎(chǔ)。

• 2004 年 2 月 24 日發(fā)布了 CSS3 Hyperlink Presentation 模塊，重新定義了超鏈接表示規(guī)則。

• 2004 年 12 月 16 日發(fā)布了 CSS3 Speech 模塊，該模塊重新定義了語音“樣式”規(guī)則。

• 2005 年 12 月 15 日發(fā)布了 CSS3 Cascading and Inheritance 模塊，定義了 CSS 層疊和繼承規(guī)則。

• 2007 年 8 月 9 日發(fā)布了 CSS3 Basic Box 模塊，該模塊重新定義了 CSS 基本盒模型規(guī)則。

• 2007 年 9 月 5 日發(fā)布了 CSS3 Grid Positioning 模塊，定義了 CSS 網(wǎng)格定位規(guī)則。

• 2009 年 3 月 20 日發(fā)布了 CSS3 Animations 模塊，定義了 CSS 動畫模型。

• 2009 年 3 月 20 日還發(fā)布了 CSS3 3D Transforms 模塊，定義了 CSS 3D 轉(zhuǎn)換模型。

• 2009 年 6 月 18 日發(fā)布了 CSS3 Fonts 模塊，定義了 CSS 字體模式。

• 2009 年 7 月 23 日發(fā)布了 CSS3 Image Values 模塊，定義了圖像內(nèi)容顯示模型。

• 2009 年 7 月 23 日還發(fā)布了 CSS3 Flexible Box Layout 模塊，定義了靈活的框布局模型。

• 2009 年 12 月 1 日發(fā)布了 CSS3 2D Transforms 模塊，定義了 2D 轉(zhuǎn)換模型。

• 2010 年 4 月 29 日發(fā)布了 CSS3 Generated Conten for Paged Media 模塊，定義了分頁媒體內(nèi)容模型。

• 2010 年 10 月 5 日發(fā)布了 CSS3 Text 模塊，定義了文本模型。

• 2010 年 10 月 5 日還發(fā)布了 CSS3 Background and Borders 模塊，該模塊重新補丁了邊框和背景模型。

更詳細的信息可以參見 https://www.w3c.org/Style/CSS/current-work.html，其中介紹了 CSS3 具體劃分了多少個模塊、CSS3 所有模塊目前所處的狀態(tài)，以及將在什么時候發(fā)布等。

CSS3 被劃分成了多個模塊，每個模塊都有自己的規(guī)范，這樣做的好處是：

• 整個 CSS3 的規(guī)范發(fā)布不會因為部分存在爭論而影響其他模塊的推進。

• 對于瀏覽器來說，可以根據(jù)需要，決定哪些 CSS 功能被支持。

• 對于 W3C 制定者而言，可以根據(jù)需要進行針對性的更新，從而使一個整體的規(guī)范更加靈活，并能夠及時修訂，這樣更容易擴展新的技術(shù)特定。

使用 CSS3 有什么好處呢？

最明顯的就是 CSS3 能讓頁面看起來非常炫、非?？?，使網(wǎng)站設(shè)計錦上添花，但它的好處遠遠不止這些。

在大多數(shù)情況下，使用 CSS3 不僅有利于開發(fā)與維護，還能提高網(wǎng)站的性能。與此同時，還能增加網(wǎng)站的可訪問性、可用性，使網(wǎng)站能適配更多的設(shè)備，甚至還可以優(yōu)化網(wǎng)站 SEO，提高網(wǎng)站的搜索排名結(jié)果。

1、減少開發(fā)和維護成本

為什么說 CSS3 能減少開發(fā)與維護的成本呢？

先來看一個實例。一個圓角效果，在 CSS2 中需要添加額外的 HTML 標簽，要使用一個或者更多圖片來完成；而使用 CSS3 只需要一個標簽、一個 border-radius 屬性就能完成。這樣，CSS3 技術(shù)能把人們從繪圖、切圖和優(yōu)化圖片的工作中解救出來。

如果后續(xù)需要調(diào)整這個圓角的弧度或者圓角的顏色，若使用 CSS2，要從頭繪圖、切圖才能完成，而使用 CSS3 幾秒鐘就能完成這些工作。

CSS3 還能讓我們遠離一大堆的 JavaScript 腳本代碼或者 Flash，我們不再需要花大把時間去寫腳本或者尋找合適的腳本插件并修改以適配網(wǎng)站特效。

最后，有些 CSS3 技術(shù)還能幫助簡化頁面，讓結(jié)構(gòu)更加清晰。例如為達到一個效果而嵌套很多 div 標簽和類名，這樣能有效地提高工作效率、減少開發(fā)時間、降低開發(fā)成本。例如，制作一個重疊的背景效果，在 CSS 中需要添加 div 標簽和類名，在不同的 div 中放一張背景圖，現(xiàn)在可以使用 CSS3 的多背景和背景尺寸等新特性，在一個 div 標簽就能完成這些工作。

2、提高頁面性能

在進行 Web 開發(fā)時，減少多余的標簽嵌套和圖片的使用數(shù)量，意味著用戶要下載的內(nèi)容將會更少，頁面加載也會更快。另外，更少的圖片、腳本和 Flash 文件讓 Web 站點減少 HTTP 請求數(shù)，這是提升頁面加載速度的最佳方法之一。

而使用 CSS3 制作圖形化網(wǎng)站無須任何圖片，能極大地減少 HTTP 的請求數(shù)量，并且提升頁面的加載速度。

當然，這取決于釆用 CSS3 特性來代替什么技術(shù)，同樣還要看如何使用 CSS3 特性。例如，CSS3 的動畫效果，能夠減少對 JavaScript 和 Flash 文件的 HTTP 請求，但可能要求瀏覽器執(zhí)行很多的工作來完成這個動畫效果的渲染，這有可能導(dǎo)致瀏覽器響應(yīng)緩慢，致使用戶流失。

因此，在使用一些復(fù)雜的特效時，大家需要考慮清楚。不過這樣的現(xiàn)象畢竟很少。

到此，相信大家對“css3的推出時間和優(yōu)點是什么”有了更深的了解，不妨來實際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！