在上面這張圖中，網頁由三個部分組成：HTML、CSS、javascript。
HTML和Javascript這兩個網頁的組成部分學記之前說過，這裡就不在贅述了。CSS 學記還沒有說過，在這篇文章當中，就來描述一下 CSS 的歷史、發展歷程和內容。
CSS
層疊樣式表（Cascading Style Sheets）又稱串樣式列表、級聯樣式表、串接樣式表、階層式樣式表。是一種用來為結構化文檔（如HTML文檔）添加樣式（字體、間距和顏色等）的計算機語言，由W3C定義和維護。當前最新版本是CSS2.1，為W3C的推薦標準。CSS3現在已被大部分現代瀏覽器支持，而下一版的CSS4仍在開發中。
起源
在HTML規範中規定了網頁中，標題、段落應該使用的標籤。但規範中並沒有規定這些內容應該以什麼樣式(比如大小、位置、間距、縮進等屬性)呈現在瀏覽器中。
從1990年代初，HTML被髮明開始，樣式表就以各種形式出現了。不同的瀏覽器結合了它們各自的樣式語言，訪問者可以使用這些樣式語言來調節網頁的顯示方式。一開始樣式表是給訪問者使用的，最初的HTML版本只含有很少的顯示屬性，訪問者來決定網頁應該怎樣被顯示。
1993年，Robert Raisch提出了一種名為“RRP”的樣式規則建議。但這個RRP只允許網頁使用1個樣式表，不像現在的CSS能支持同時加載多個。
不久後出現的Mosaic瀏覽器就採用增加新種類的HTML標籤實現樣式的表達，以滿足設計師的要求，但這與現在的CSS設計原則不符。隨著HTML自帶的樣式功能的增加，外來定義樣式的語言逐漸減弱了。
1993年發佈的這個Mosaic瀏覽器是第一款用戶界面，並支持書籤、圖標按鈕和
圖片顯示。之前的瀏覽器都是純文字瀏覽器。
1994年，萬維網之父蒂姆·伯納斯-李在歐美眾多高能物理研究者和技術人員的支持下，於美國麻省理工學院創立了萬維網聯盟（W3C），其職責是提供網絡標準化建議。1994年，Håkon W Lie提出
層疊HTML樣式表（Cascading HTML Style Sheets，CHSS）。CHSS既支持用戶自定義樣式表，也支持網頁作者樣式表，而且可以滿足不同規則以百分比的方式組合使用。但它的權重規則計算方式不夠直觀，當不同規則混合時會得到什麼實際效果並不容易從代碼中看出。
1996年，出現了與CSS語法很像的PSL 96（Presentation Specification Language）。PSL 96除表達樣式外，也支持條件判斷等功能，還可根據對瀏覽器信息的判斷來使用不同的樣式，但未獲得青睞。
1994年，
哈肯·維姆·萊提出了CSS的最初需求。伯特·波斯當時正在設計一個叫做Argo（Argo (web browser)）的瀏覽器，他們決定一起合作設計CSS。當時已經有過一些樣式表語言的建議了，但CSS是第一個含有“層疊”的語言。
在CSS中，一個文件的樣式可以從其他的樣式表中繼承下來。訪問者在有些地方可以使用自定義樣式，在其他地方則繼承，或“層疊”網頁作者的樣式。這種層疊的方式使網頁作者和訪問者都可以靈活地加入自己的設計，混合各人的愛好。
哈肯·萊於1994年在芝加哥的一次會議上第一次展示了CSS的建議，1995年他與波斯一起再次展示這個建議。當時W3C剛剛創建，W3C對CSS的發展很感興趣，為此W3C組織了一次討論會。哈肯、波斯是這個項目的主要技術負責人。
1996年底，
CSS已經完成。1996年12月，哈肯·萊與伯特·波斯發佈了CSS規範的第1個版本。當時已有的主流瀏覽器的內核架構完全不適合解析CSS的語法，且漠不關心代碼校驗，所以CSS等到幾年之後才流行起來。1998年，瀏覽器市場份額被微軟公司的Internet Explorer 和網景公司的Netscape Navigator 兩大瀏覽器巨頭所佔據。
CSS出現後，微軟的IE瀏覽器走在了逐步實現CSS第1版標準的前列。但是因為不重視問題修補，導致遺留Bug很多，這也使得IE瀏覽器長期為人們詬病。網景則把重心放在了網頁腳本語言的開發上，但很快被微軟模仿。網景在90年代末和微軟展開的瀏覽器大戰中最終一敗塗地，走向
破產邊緣，但網景也成功推出了日後廣泛流行於網頁設計中的JavaScript語言。
瀏覽器大戰使得網頁設計人員深受其害，因為不同瀏覽器支持的語法規則不太一樣，網頁設計人員不得不為IE瀏覽器和網景瀏覽器的瀏覽器分別設計一套網頁 。
1997年初，W3C組織了專門接管CSS的工作組。這個工作組開始討論第1版中沒有涉及到的問題，其結果是1998年5月出版的第2版規則。網頁標準計劃的7位成員成立了“CSS武士團”（CSS Samurai），指出Opera瀏覽器和IE瀏覽器在支持CSS方面存在的諸多問題。
Opera公司著手解決了問題，但微軟並未解決。網頁標準計劃也積極勸說網景公司和Macromedia公司分別改進其產品對CSS標準的支持。
內容
CSS不能單獨使用，必須與
HTML一起協同工作，為HTML起裝飾作用。其中HTML負責設定網頁中的內容，CSS設定外觀(大小、粗細、顏色、對齊和位置)展現這些元素。CSS可以用於設定頁面佈局、設定頁面元素樣式、設定適用於所有網頁的全局樣式。CSS可以零散地直接添加在要應用樣式的網頁元素上，也可以集中化內置於網頁、鏈接式引入網頁以及導入式引入網頁。
CSS最重要的目標是將文件的內容與它的顯示方式分隔開來。
在CSS出現前，幾乎所有的HTML文件內都包含文件顯示的信息，比如字體的顏色、背景樣式、如何排列、邊緣、連線等等都必須一一在HTML文件內列出，有時重複列出。
CSS使作者可以將這些信息中的大部分隔離出來，簡化HTML文件，這些信息被放在一個輔助的，用CSS語言寫的文件中。HTML文件中只包含結構和內容的信息，
CSS文件中只包含樣式的信息。CSS樣式信息可以包含在一個附件中或包含在HTML文件內。訪問者可以使用多個樣式表，在重複的情況下可以選擇其中之一。
這就是CSS的發展歷程已經內容。
如果想學習更多科技知識，可以點擊關注。
如果對文章中的內容有什麼困惑的地方，可以在評論區提出自己的問題，學記同大家一起交流，解決各種問題，一起進步。
青年學記 陪伴著各位青年
作者：青年學記 一名不斷進步的程序猿
一起學習 一起進步
走向自立
閱讀更多 青年學記 的文章
