從css到css3

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

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

網(wǎng)站名稱(chēng)：從css到css3
網(wǎng)址分享：http://www.muchs.cn/news/45724.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、動(dòng)態(tài)網(wǎng)站、定制網(wǎng)站、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、建站公司、網(wǎng)站策劃

廣告

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