探究CSS發展史以及優勢
本文向大家描述一下CSS的發展歷程,從1990年代初HTML被發明開始樣式表就以各種形式出現了,1997年初,W3C內組織了專門管CSS的工作組,到2007年為止,第三版還未完備。
CSS的發展歷程
CSS歷史
從1990年代初HTML被發明開始樣式表就以各種形式出現了,不同的瀏覽器結合了它們各自的樣式語言,讀者可以使用這些樣式語言來調節網頁的顯示方式。一開始樣式表是給讀者用的,最初的HTML版本只含有很少的顯示屬性,讀者來決定網頁應該怎樣被顯示。
但隨著HTML的成長,為了滿足設計師的要求,HTML獲得了很多顯示功能。隨著這些功能的增加外來定義樣式的語言越來越沒有意義了。
1994年哈坤·利提出了CSS的最初建議。伯特·波斯(BertBos)當時正在設計一個叫做Argo的瀏覽器,他們決定一起合作設計CSS。
當時已經有過一些樣式表語言的建議了,但CSS是第一個含有“層疊”的主意的。在CSS中,一個文件的樣式可以從其他的樣式表中繼承下來。讀者在有些地方可以使用他自己更喜歡的樣式,在其他地方則繼承,或“層疊”作者的樣式,這種層疊的方式使作者和讀者都可以靈活地加入自己的設計,混合各人的愛好。
哈坤于1994年在芝加哥的一次會議上第一次展示了CSS的建議,1995年他與波斯一起再次展示這個建議。當時W3C剛剛建立,W3C對CSS的發展很感興趣,它為此組織了一次討論會。哈坤、波斯和其他一些人(比如微軟的托馬斯·雷爾登)是這個項目的主要技術負責人。1996年底,CSS已經完成。1996年12月CSS要求的第一版本被出版。
1997年初,W3C內組織了專門管CSS的工作組,其負責人是克里斯·里雷。這個工作組開始討論第一版中沒有涉及到的問題,其結果是1998年5月出版的第二版要求。到2007年為止,第三版還未完備。
使用CSS+DIV的優點
采用CSS+DIV進行網頁重構相對與傳統的TABLE網頁布局而具有以下3個顯著優勢:
◆表現和內容相分離將設計部分剝離出來放在一個獨立樣式文件中,HTML文件中只存放文本信息。這樣的頁面對搜索引擎更加友好。
◆提高頁面瀏覽速度對于同一個頁面視覺效果,采用CSS+DIV重構的頁面容量要比TABLE編碼的頁面文件容量小得多,前者一般只有后者的1/2大小。瀏覽器就不用去編譯大量冗長的標簽。
◆易于維護和改版你只要簡單的修改幾個CSS文件就可以重新設計整個網站的頁面。
感性體驗CSS
什么是CascadingStyleSheets(層疊樣式表)*CSS是CascadingStyleSheets(層疊樣式表)的簡稱.*CSS語言是一種標記語言,它不需要編譯,可以直接由瀏覽器解釋執行(屬于瀏覽器解釋型語言).*在標準網頁設計中CSS負責網頁內容(XHTML)的表現.*CSS文件也可以說是一個文本文件,它包含了一些CSS標記,CSS文件必須使用css為文件名后綴.*可以通過簡單的更改CSS文件,改變網頁的整體表現形式,可以減少我們的工作量,所以她是每一個網頁設計人員的必修課.*CSS是由W3C的CSS工作組產生和維護的.
如何將樣式表加入到網頁
可以用以下三種方式將樣式表加入您的網頁。而最接近目標的樣式定義優先權越高。高優先權樣式將繼承低優先權樣式的未重疊定義但覆蓋重疊的定義。例外請參閱!important聲明。鏈入外部樣式表文件(LinkingtoaStyleSheet)你可以先建立外部樣式表文件(.css),然后使用HTML的link對象。示例如下:
viewplaincopytoclipboardprint?
- <head>
- <title>文檔標題title>
- <linkrellinkrel=stylesheethref=
- "type="text/css">
- head>
- <head>
- <title>文檔標題title>
- <linkrellinkrel=stylesheethref=
- "http://www.dhtmlet.com/dhtmlet.css"type="text/css">
- head>
而在XML中,你應該如下例所示在聲明區中加入: 定義內部樣式塊對象(EmbeddingaStyleBlock)你可以在你的HTML文檔的和
標記之間插入一個塊對象。定義方式請參閱樣式表語法。示例如下:定義內部樣式塊對象(EmbeddingaStyleBlock)你可以在你的HTML文檔的和標記之間插入一個塊對象。定義方式請參閱樣式表語法。示例如下:viewplaincopytoclipboardprint?
- <html>
- <head>
- <title>文檔標題title>
- <styletypestyletype="text/css">
2010-01-05 15:43:08