探究CSS發(fā)展史以及優(yōu)勢(shì)
本文向大家描述一下CSS的發(fā)展歷程，從1990年代初HTML被發(fā)明開(kāi)始樣式表就以各種形式出現(xiàn)了，1997年初，W3C內(nèi)組織了專(zhuān)門(mén)管CSS的工作組，到2007年為止，第三版還未完備。
CSS的發(fā)展歷程
CSS歷史
從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)，為了滿足設(shè)計(jì)師的要求，HTML獲得了很多顯示功能。隨著這些功能的增加外來(lái)定義樣式的語(yǔ)言越來(lái)越?jīng)]有意義了。
1994年哈坤·利提出了CSS的最初建議。伯特·波斯（BertBos）當(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ì)：
◆表現(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è)面。
感性體驗(yàn)CSS
什么是CascadingStyleSheets（層疊樣式表）*CSS是CascadingStyleSheets(層疊樣式表)的簡(jiǎn)稱(chēng).*CSS語(yǔ)言是一種標(biāo)記語(yǔ)言,它不需要編譯,可以直接由瀏覽器解釋執(zhí)行(屬于瀏覽器解釋型語(yǔ)言).*在標(biāo)準(zhǔn)網(wǎng)頁(yè)設(shè)計(jì)中CSS負(fù)責(zé)網(wǎng)頁(yè)內(nèi)容(XHTML)的表現(xiàn).*CSS文件也可以說(shuō)是一個(gè)文本文件,它包含了一些CSS標(biāo)記,CSS文件必須使用css為文件名后綴.*可以通過(guò)簡(jiǎn)單的更改CSS文件,改變網(wǎng)頁(yè)的整體表現(xiàn)形式,可以減少我們的工作量,所以她是每一個(gè)網(wǎng)頁(yè)設(shè)計(jì)人員的必修課.*CSS是由W3C的CSS工作組產(chǎn)生和維護(hù)的.
如何將樣式表加入到網(wǎng)頁(yè)
可以用以下三種方式將樣式表加入您的網(wǎng)頁(yè)。而最接近目標(biāo)的樣式定義優(yōu)先權(quán)越高。高優(yōu)先權(quán)樣式將繼承低優(yōu)先權(quán)樣式的未重疊定義但覆蓋重疊的定義。例外請(qǐng)參閱!important聲明。鏈入外部樣式表文件(LinkingtoaStyleSheet)你可以先建立外部樣式表文件（.css），然后使用HTML的link對(duì)象。示例如下：
viewplaincopytoclipboardprint?
- <head>
- <title>文檔標(biāo)題title>
- <linkrellinkrel=stylesheethref=
- "type="text/css">
- head>
- <head>
- <title>文檔標(biāo)題title>
- <linkrellinkrel=stylesheethref=
- "http://www.dhtmlet.com/dhtmlet.css"type="text/css">
- head>
而在XML中，你應(yīng)該如下例所示在聲明區(qū)中加入： 定義內(nèi)部樣式塊對(duì)象(EmbeddingaStyleBlock)你可以在你的HTML文檔的和
標(biāo)記之間插入一個(gè)塊對(duì)象。定義方式請(qǐng)參閱樣式表語(yǔ)法。示例如下：定義內(nèi)部樣式塊對(duì)象(EmbeddingaStyleBlock)你可以在你的HTML文檔的和標(biāo)記之間插入一個(gè)塊對(duì)象。定義方式請(qǐng)參閱樣式表語(yǔ)法。示例如下：viewplaincopytoclipboardprint?
- <html>
- <head>
- <title>文檔標(biāo)題title>
- <styletypestyletype="text/css">
