2.2 CSS樣式表

定義——CSS：（cascading style sheets，層疊樣式表），通常說的樣式表。CSS是一種美化網頁的技術，通過使用CSS可以方便、靈活地設定網頁中不同元素的外觀屬性，使                                  網頁在外觀上達到一個更好的效果。CSS由三個基本部分組成：物件，屬性，值。

2.2.1 CSS樣式表的幾種定義方式：

  CSS樣式表的定義實際上就是定義CSS選擇器，由於CSS選擇器有三種類型，所以定義方式也有三種。

（1） 標記選擇器——通過HTML標籤定義樣式表。

例如：在<h1></h1>和<h2></h2>標籤對內部文字居中顯示，並採用藍色字型的樣式表為：

h1,h2{text-align:center;color:blue}

<h1>中國</h1>

<h2>北京天安門</h2>

（2） 類別選擇器——使用class定義樣式表。

類選擇器有兩種定義方式：

①：兩個不同段落，若要使一個段落向右對齊，一個段落居中對齊，則先定義兩個類別選擇器：

p.center{text-align:center}

p.right{text-align:right}

然後用在不同段落裡，只要HTML標記里加入上面定義的類即可。

<p class="right">此段落向右對齊</p>

<p class="center">此段落居中對齊</p>

②：

.text{font-family:宋體;color:red;}

<p class="text">段落文字</p>

<h1 class="text">標題文字</h1>

（3）ID選擇器——使用id定義樣式表

在HTML頁面中ID選擇符用來對某一個單一元素定義單獨的樣式，定義ID選擇符要在ID名稱前加上一個“”#“號。

#sample{font-family:宋體;font-size:60pt}

<p id=sample>段落文字</p>