**CSS語法** CSS 規則由兩個主要的部分構成：選擇器，以及一條或多條聲明。選擇器通常是您需要改變樣式的 HTML 元素。```selector {declaration1; declaration2; ... declarationN }```每條聲明由一個屬性和一個值組成。屬性（prope ...
**CSS語法**
CSS 規則由兩個主要的部分構成：選擇器，以及一條或多條聲明。選擇器通常是您需要改變樣式的 HTML 元素。
```
selector {declaration1; declaration2; ... declarationN }
```
每條聲明由一個屬性和一個值組成。
屬性（property）是樣式屬性（style attribute）。每個屬性有一個值。屬性和值被冒號分開。
```
selector {property: value}
```
例如下麵這行代碼的作用是將 h1 元素內的文字顏色定義為紅色，同時將字體大小設置為 14 像素。
在這個例子中，h1 是選擇器，color 和 font-size 是屬性，red 和 14px 是值。
```
h1 {color:red; font-size:14px;}
```
**引入CSS樣式**
如何插入樣式表，當讀到一個樣式表時，瀏覽器會根據它來格式化 HTML 文檔。插入樣式表的方法有三種：外部樣式表、內部樣式表和內聯樣式。
1.外部樣式表
當樣式需要應用於很多頁面時，外部樣式表將是理想的選擇。在使用外部樣式表的情況下，你可以通過改變一個文件來改變整個站點的外觀。每個頁面使用 <link> 標簽鏈接到樣式表。<link> 標簽在（文檔的）頭部：
```
<head><link rel="stylesheet" type="text/css" href="site.css" /></head>
```
2.內部樣式表
當單個文檔需要特殊的樣式時，就應該使用內部樣式表。你可以使用 <style> 標簽在文檔頭部定義內部樣式表，就像這樣:
```
<head>
<style type="text/css">
p {margin-left: 20px;}
body {background-image: url("images/test.gif");}
</style>
</head>
（web前端學習交流群：328058344 禁止閑聊，非喜勿進！）
```
3.內聯樣式由於要將表現和內容混雜在一起，即HTML代碼和CSS代碼混編，這樣會不利於文檔結構，並且不容易維護，所以一般不要使用這種方式引入樣式。例如改變段落的顏色和左外邊距：
```
<p style="color: red; margin-left: 20px;">
This is a paragraph
</p>
```
