育將電腦工作室 - 線上書籍

網頁設計好好玩
=======

### 一、CSS 概述

- CSS指層疊樣式表( *C* ascading *S* tyle *S* heets)
- 樣式定義*如何顯示* HTML元素
- 樣式通常存儲在*樣式表*中
- 把樣式添加到HTML 4.0中，是為了*解決內容與表現分離的問題*
- *外部樣式表*可以極大提高工作效率
- 外部樣式表通常存儲在*CSS文件*中
- 多個樣式定義可*層疊*為一
 
### 二、層疊次序

**當同一個HTML 元素被不止一個樣式定義時，會使用哪個樣式呢？**

一般而言，所有的樣式會根據下面的規則層疊於一個新的虛擬樣式表中，其中數字4 擁有最高的優先權。

1. 瀏覽器預設
2. 外部樣式表
3. 內部樣式表（位於<head> 標籤內部）
4. 內聯樣式（在HTML 元素內部）
 
因此，內聯樣式（在HTML 元素內部）擁有最高的優先權，這意味著它將優先於以下的樣式聲明：<head> 標籤中的樣式聲明，外部樣式表中的樣式聲明，或者瀏覽器中的樣式聲明（預設值）。

### 三、常用選擇器

1. class
2. id
3. tag

Title1

Title2

Title3

Title1

Title2

Title3

MarkDown