一、瀏覽器的發(fā)展與CSS

  網(wǎng)頁瀏覽器主要通過HTTP協(xié)議連接網(wǎng)頁服務(wù)器而取得網(wǎng)頁，HTTP容許網(wǎng)頁瀏覽器送交資料到網(wǎng)頁服務(wù)器并且獲取網(wǎng)頁。目前最常用的HTTP 是 HTTP/1.1，這個協(xié)議在RFC2616中被完整定義。HTTP/1.1 有其一套Internet Explorer并不完全支援的標準，然而 許多其他當代的網(wǎng)頁瀏覽器則完全支援這些標準。網(wǎng)頁的位置以URL（統(tǒng)一資源定位符）指示，此乃網(wǎng)頁的地址；以http:開首的便是 通過HTTP協(xié)議登陸。很多瀏覽器同時支援其他類型的URL及協(xié)議，例如ftp:是FTP（檔案傳送協(xié)議）、gopher:是Gopher及https: 是HTTPS（以SSL加密的HTTP）。
  早期的網(wǎng)頁瀏覽器只支援簡易版本的HTML。專屬軟件的瀏覽器的迅速發(fā)展導(dǎo)致非標準的HTML代碼的產(chǎn)生。
  但隨著HTML的成長，為了滿足設(shè)計師的要求，HTML獲得了很多顯示功能。隨著這些功能的增加外來定義樣式的語言越來越?jīng)]有意義了。
  1994年哈坤·利提出了CSS的最初建議。伯特·波斯（BertBos）當時正在設(shè)計一個叫做Argo的瀏覽器，他們決定一起合作設(shè)計CSS。
  當時已經(jīng)有過一些樣式表語言的建議了，但CSS是第一個含有“層疊”的主意的。在CSS中，一個文件的樣式可以從其他的樣式表中繼承下來。讀者在有 些地方可以使用他自己更喜歡的樣式，在其他地方則繼承，或“層疊”作者的樣式,這種層疊的方式使作者和讀者都可以靈活地加入自己的設(shè)計，混合各人的愛好。
  1997年初，W3C內(nèi)組織了專門管CSS的工作組，其負責人是克里斯·里雷。這個工作組開始討論第一版中沒有涉及到的問題，其結(jié)果是1998年5月出版的第二版要求。到2007年為止，第三版還未完備。

二、瀏覽器是如何渲染頁面和加載頁面

  為什么有些網(wǎng)站打開的時候會加載會很慢，而且是整個頁面同時顯示的，而有些網(wǎng)站是從頂?shù)较轮鸩斤@示出來的？要搞懂這個可以先從下面這個常規(guī)流程開始：
 

三、什么是CSS以及CSS的優(yōu)點

  什么是CascadingStyleSheets（層疊樣式表）*CSS是CascadingStyleSheets(層疊樣式表)的簡 稱.*CSS語言是一種標記語言,它不需要編譯,可以直接由瀏覽器解釋執(zhí)行(屬于瀏覽器解釋型語言).*在標準網(wǎng)頁設(shè)計中CSS負責網(wǎng)頁內(nèi)容 (XHTML)的表現(xiàn).*CSS文件也可以說是一個文本文件,它包含了一些CSS標記,CSS文件必須使用css為文件名后綴.*可以通過簡單的更改 CSS文件,改變網(wǎng)頁的整體表現(xiàn)形式,可以減少我們的工作量,所以她是每一個網(wǎng)頁設(shè)計人員的必修課.*CSS是由W3C的CSS工作組產(chǎn)生和維護的.
  采用CSS+DIV進行網(wǎng)頁重構(gòu)相對與傳統(tǒng)的TABLE網(wǎng)頁布局而具有以下3個顯著優(yōu)勢：
 

   3、盡量少使用層級關(guān)系
  一般寫法：#divBoxp.red{color:red;}
  更好寫法：.red{..}

   4、使用class代替層級關(guān)系
  一般寫法：#divBoxullia{display:block;}
  更好寫法：.block{display:block;}

總結(jié)：

  本文主要總結(jié)了一些CSS的經(jīng)驗之談，有些知識點可能mf1288.com早就有所介紹。對于硬件平臺和瀏覽器快速發(fā)展的今天，更多的人會將精力投入到“實現(xiàn)”這一目標上，而忽略了“原理”這一根本。web從開始至今已經(jīng)發(fā)生了根本性的變化，不可能用以前的目光來衡量，但是在所有的變化中都離不開它的內(nèi)在：頁面渲染。所有變化幾乎都是圍繞這個而產(chǎn)生的。所以可能花費一點時間去了解一下也許能有所幫助，至少知道你寫出的樣式表的瓶頸是否是本文中所列出的。更多的內(nèi)容，歡迎您關(guān)注mf1288.com更新的技術(shù)文檔。