CSS初識

CSS:cascading style sheets，css樣式表或層疊樣式表（級聯樣式表），主要用於設置HTML頁面中的文本內容（字體、大小、對齊方式等）、圖片的外形（寬高、邊框樣式、邊距等）以及版面的布局等外觀顯示樣式。

CSS以HTML為基礎，提供豐富的功能，如字體、顏色、背景的控制及整體排版等，而且還針對不同的瀏覽器設置不同的樣式。

引入CSS樣式（書寫位置）

內部樣式表

內嵌式是將CSS代碼集中寫在HTML文檔的head頭部標簽中，並用style標簽定義，語法就是在

行內式（內聯樣式）

內聯樣式，又有人稱行內樣式、行間樣式、內嵌樣式。是通過標簽的style屬性來設置元素的樣式，其基本語法格式如下：

外部樣式表（外鏈式）

鏈入式是將所有的樣式放在一個或多個以.css為擴展名的外部樣式表文件中，通過link標簽將外部樣式表文件鏈接到HTML文檔中，其基本語法格式如下：

Link是單標簽，且必須指定link標簽的三個屬性：href、type、rel。

Href定義所鏈接外部樣式表文件的URL，可以是相對路徑 ，也可以是絕對路徑。

Type:定義所鏈接文檔的類型，在這裏需要指定為：type/css，表示鏈接的外部文件。

Rel:定義當前文檔與被鏈接文檔之間的關系，在這裏需要指定為：stylesheet,表示被鏈接的文檔是一個樣式表文件。

CSS樣式規則

在上面的樣式規則中：

1. 選擇器用於指定CSS樣式作用的HTML對象，花括號內是對該對象設置的具體樣式。
2. 屬性和屬性值以“鍵值對”的形式出現
3. 屬性是對指定的對象設置的樣式屬性，例如字體大小、文本顏色等
4. 屬性和屬性值之間用英文“：”連接
5. 多個“鍵值對”之間用英文“；”進行區分

選擇器（重點）

CSS基礎選擇器

每一條CSS樣式聲明（定義）由兩部分組成，如下：

標簽選擇器（元素選擇器）