HTML使用標籤將內容放到網頁上，也可使用元素和屬性來控制簡單的文件外觀。如果希望更全面地控制Web頁面的外觀和佈局，則需要使用層疊樣式表（簡寫為CSS）。CSS規範的工作原理在於允許使用者制定一些規則，描述文件中元素內容的表現形式，通過設定不同的規則控制頁面中每一個元素的外觀，包括字型的顏色和大小、線的寬度和顏色、頁面中各項之間的空白量，以便使頁面看上去更令人感興趣。CSS和HTML一樣是所有網頁製作技術的核心與基礎，是為HTML制定樣式的機制，能控制瀏覽器如何顯示HTML中的每個元素及其內容。CSS是和HTML一起工作的，用來彌補HTML對網頁格式化功能的不足。既可以將HTML和CSS寫在同一個檔案中，也可以分開編寫，都是純文字檔案，也都是通過瀏覽器解析的。本章所介紹的CSS語法只覆蓋了本書程式例項中所涉及的內容。

CSS簡介

CSS是英語Cascading Style Sheets（層疊樣式表單）的縮寫，它是一種用來表現HTML或XML等檔案樣式的計算機語言，所以學習CSS之前應該先去了解HTML。CSS的作用是定義網頁的外觀（例如，字型、背景、文字、位置、佈局、邊緣、列表及其他），它也可以和JavaScript等瀏覽器指令碼語言合作做出許多動態的效果。

Ø所謂樣式表，是樣式化HTML的一種方法。HTML是文件的內容，而樣式表是文件的表現，或者說外觀。

Ø所謂層疊，就是將一組樣式在一起層疊使用，控制某一個或多個HTML元素，按樣式表中的屬性依次顯示。

一張樣式表可以用於多個頁面，甚至整個站點，因此CSS具有良好的易用性和擴充套件性。從總體來說，使用CSS不僅能夠彌補HTML對網頁格式化功能的不足，例如段落間距、行距、字型變化和大小等，還可以使用CSS動態更新頁面格式、進行排版定位等。CSS的特點如下：

Ø控制頁面中的每一個元素（精確定位）。

Ø對HTML語言處理樣式的最好補充。

Ø把內容和格式處理相分離，減少工作量。

我們可以將CSS定義在HTML文件的每個標記裡，或者以<style>標記嵌入在HTML文件中，也可以在外部附加文件作為外加文件。本例使用嵌入樣式表，改變同一個HTML文件中1個<h1>和4個<p>標記的輸出效果。使用文字編輯器開啟一個副檔名為.html的網頁檔案，將3個字串分別編寫在HTML的1個<h2>和兩個<p>標記中。並在該文件中使用<style>標記嵌入CSS程式碼，控制這三個標記的顯示效果。程式碼如下所示：

使用瀏覽器直接開啟這個檔案，就可以看到瀏覽器對這個網頁檔案解釋後的結果，如圖1所示。

圖1 簡單的CSS例項演示結果

本例中，HTML定義的網頁結構使用CSS設定輸出格式，可以將格式和結構分離。只要在CSS中改變某些屬性，則使用這個樣式的所有HTML標記都會更新。