1.2.2 CSS3簡介

CSS（Cascading Style Sheets，層疊樣式表單）簡稱為樣式表，是用于（增強）控制網頁樣式并允許將樣式信息與網頁內容分離的一種標記性語言。CSS是目前最好的網頁表現語言之一，所謂表現就是賦予結構化文件內容顯示的樣式，包括版式、顏色和大小等，它擴展了HTML的功能，使網頁設計者能夠以更有效的方式設置網頁格式。現在幾乎所有漂亮的網頁都使用CSS，CSS已經成為網頁設計必不可少的工具之一。

1.CSS的發展歷史

伴隨著HTML的飛速發展，CSS也以各種形式應運而生。1996年12月，W3C推出了CSS規范的第一個版本CSS 1.0。這個規范立即引起了各方的積極響應，隨即Microsoft公司和Netscape公司紛紛表示自己的瀏覽器能夠支持CSS 1.0，從此CSS技術的發展幾乎“一馬平川”。1998年，W3C發布了CSS 2.0/2.1版本，這也是至今流行廣泛并且主流瀏覽器都采用的標準。隨著計算機軟件、硬件及互聯網日新月異的發展，瀏覽者對網頁的視覺效果和用戶體驗提出了更高的要求，開發人員對如何快速提供高性能、高用戶體驗的Web應用也提出了更高的要求。

早在2001年5月，W3C就著手開發CSS的第3版（即CSS3）的規范，它被分為若干個相互獨立的模塊。CSS3的產生大大簡化了編程模型，不僅對已有功能進行擴展和延伸，更多的是對Web UI設計理念和方法的革新。雖然完整的、規范權威的CSS3標準還沒有塵埃落定，但是各主流瀏覽器已經開始支持其中的絕大部分特性。

2.使用CSS樣式控制頁面的外觀

樣式就是格式，在網頁中，像文字的大小、顏色及圖片的位置等，都是設置顯示內容的樣式。圖1-3所示文字的顏色、大小都是通過CSS樣式控制的。

眾所周知，使用HTML編寫網頁并不難，但對于一個由幾百個網頁組成的網站來說，統一采用相同的格式就困難了。CSS能將樣式的定義與HTML文件內容分離，只要建立定義樣式的CSS文件，并且讓所有的HTML文件都調用這個CSS文件所定義的樣式即可。

同時，CSS非常靈活，既可以是一個單獨的樣式表文件，也可以嵌入在HTML文件中。圖1-4所示的代碼片段，采用的是將CSS代碼內嵌到HTML文件中的方式。雖然CSS代碼與HTML結構代碼同處一個文件中，但CSS集中編寫在HTML文件的頭部，仍然符合結構與表現相分離的原則。

圖1-3 CSS控制頁面外觀

圖1-4 CSS代碼與HTML結構代碼的結合