從css到css3

2016-08-18    分類: 網(wǎng)站建設(shè)

從1990年代初HTML被發(fā)明開始樣式表就以各種形式出現(xiàn)了,不同的瀏覽器結(jié)合了它們各自的樣式語言,讀者可以使用這些樣式語言來調(diào)節(jié)網(wǎng)頁的顯示方式。一開始樣式表是給讀者用的,最初的HTML版本只含有很少的顯示屬性,讀者來決定網(wǎng)頁應(yīng)該怎樣被顯示。

但隨著HTML的成長,為了滿足設(shè)計(jì)師的要求,HTML獲得了很多顯示功能。隨著這些功能的增加外來定義樣式的語言越來越?jīng)]有意義了。1994年哈坤·利提出了CSS的最初建議。伯特·波斯(Bert Bos)當(dāng)時(shí)正在設(shè)計(jì)一個(gè)叫做Argo的瀏覽器,他們決定一起合作設(shè)計(jì)CSS。當(dāng)時(shí)已經(jīng)有過一些樣式表語言的建議了,但CSS是第一個(gè)含有“層疊”的主意的。在CSS中,一個(gè)文件的樣式可以從其他的樣式表中繼承下來。讀者在有些地方可以使用他自己更喜歡的樣式,在其他地方則繼承,或“層疊”作者的樣式, 這種層疊的方式使作者和讀者都可以靈活地加入自己的設(shè)計(jì),混合各人的愛好。哈坤于1994年在芝加哥的一次會議上第一次展示了CSS的建議,1995年他與波斯一起再次展示這個(gè)建議。當(dāng)時(shí)W3C剛剛建立,W3C對CSS的發(fā)展很感興趣,它為此組織了一次討論會。哈坤、波斯和其他一些人(比如微軟的托馬斯·雷爾登)是這個(gè)項(xiàng)目的主要技術(shù)負(fù)責(zé)人。1996年底,CSS已經(jīng)完成。1996年12月CSS要求的第一版本被出版。1997年初,W3C內(nèi)組織了專門管CSS的工作組,其負(fù)責(zé)人是克里斯·里雷。這個(gè)工作組開始討論第一版中沒有涉及到的問題,其結(jié)果是1998年5月出版的第二版要求。到2007年為止,第三版還未完備。使用CSS+DIV的優(yōu)點(diǎn)采用CSS+DIV進(jìn)行網(wǎng)頁重構(gòu)相對與傳統(tǒng)的TABLE網(wǎng)頁布局而具有以下3個(gè)顯著優(yōu)勢:  1:表現(xiàn)和內(nèi)容相分離將設(shè)計(jì)部分剝離出來放在一個(gè)獨(dú)立樣式文件中,HTML文件中只存放文本信息。這樣的頁面對搜索引擎更加友好。  2:提高頁面瀏覽速度 
對于同一個(gè)頁面視覺效果,采用CSS+DIV重構(gòu)的頁面容量要比TABLE編碼的頁面文件容量小得多,前者一般只有后者的1/2大小。瀏覽器就不用去編譯大量冗長的標(biāo)簽?! ?:易于維護(hù)和改版你只要簡單的修改幾個(gè)CSS文件就可以重新設(shè)計(jì)整個(gè)網(wǎng)站的頁面。
具體說明請見百度知道CSS發(fā)展史.----------------------------------------------------------------------------------------------CSS2
樣式單自從CSS1的版本之后,又在1998年5月發(fā)布了CSS2版本,樣式單得到了更多的充實(shí)。
CSS2.0是一套全新的樣式表結(jié)構(gòu),是由W3C推行的,同以往的CSS1.0或CSS1.2完全不一樣,CSS2.0推薦的是一套內(nèi)容和表現(xiàn)效果分離的方式,HTML元素可以通過CSS2.0的樣式控制顯示效果,可完全不使用以往HTML中的table和td來定位表單的外觀和樣式,只需使用div和 Li此類HTML標(biāo)簽來分割元素,之后即可通過CSS2.0樣式來定義表單界面的外觀。
CSS2.0提供給我們了一個(gè)機(jī)制,讓程序員開發(fā)時(shí)可以不考慮顯示和界面就可以制作表單和界面,顯示問題可由美工或是程序員后期再來編寫相應(yīng)的 CSS2.0樣式來解決。不過由于CSS2.0目前尚未見過很好的編輯軟件,所以無法做到所見即所得,編寫起來不易。----------------------------------------------------------------------------------------------CSS3CSS3語言開發(fā)是朝著模塊化發(fā)展的。 以前的規(guī)范作為一個(gè)模塊實(shí)在是太龐大而且比較復(fù)雜,所以,把它分解為一些小的模塊,更多新的模塊也被加入進(jìn)來。這些模塊包括:
盒子模型列表模塊超連結(jié)方式語言模塊背景和邊框文字特效多欄布局
CSS3選擇器CSS3增加了更多的CSS選擇器,可以實(shí)現(xiàn)更簡單但是更強(qiáng)大的功能,比如:nth-child()等。時(shí)間表幾個(gè)模塊現(xiàn)已完成,包括的SVG (可擴(kuò)展矢量圖形) ,媒介資源類型(Media Queries)和命名,而其他的模塊開發(fā)工作則仍在進(jìn)行中。如果要給出一個(gè)預(yù)定的日期的話,非常困難,不管怎樣,web瀏覽器將全面支持CSS3的各種新特點(diǎn),一些新的探索已經(jīng)開始了。針對不同瀏覽器,新的功能是逐漸應(yīng)用的,仍然需要1-2年的時(shí)間,每一個(gè)新的模塊才有可能被廣泛應(yīng)用。CSS3將給我?guī)砟男┬碌挠绊懯紫?,我們希望,這是個(gè)正確的方式,CSS3將完全向后兼容,所以沒有必要修改現(xiàn)在的設(shè)計(jì)來讓它們繼續(xù)運(yùn)作。網(wǎng)絡(luò)瀏覽器也還將繼續(xù)支持CSS2。對我們來說,CSS3主要的影響是將可以使用新的可用的選擇器和屬性,這些會允許你實(shí)現(xiàn)新的設(shè)計(jì)效果(譬如動態(tài)和漸變),而且可以很簡單的設(shè)計(jì)出現(xiàn)在的設(shè)計(jì)效果(比如說使用分欄)

本文標(biāo)題:從css到css3
網(wǎng)頁地址:http://www.muchs.cn/news24/45724.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作、面包屑導(dǎo)航、微信小程序網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站、關(guān)鍵詞優(yōu)化

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

商城網(wǎng)站建設(shè)