### 基本規則
每CSS規則由兩部分組成：選擇器和聲明塊，聲明由一個或多個聲明組成，每個聲明是一個屬性－值對.
### 1.元素選擇器
元素是最基本的選擇器, h1，p，a都可以直接做為選擇器，甚至是html本身.
~~~
h1{color:#66CCFF;}
h2{color:silver;}
p{font-size:20px;color:#cccccc;}
~~~
一個選擇器可以有多個聲明，聲明之間用分號隔開；一個屬性也可以有多個值，中間用空格隔開.給h1加上邊框，邊框顏色會灰色，邊框樣式為實線，可以這樣寫：
~~~
border:1px solid #cccccc;
~~~
選擇器分組：如果想同時把不同元素設置相同對樣式，可以使用分組同時使用, 選擇器之間用逗號隔開。比如需要把h1 和p都設置為字體顏色為紅色：
~~~
h1,p{color:red;}
~~~
### 2. 通配選擇器
通配選擇器用一個星號(*)表示，這個選擇器可以和任何元素匹配。例如，要把一個文檔中所有的元素顏色都設置成銀色，可以這樣寫：
~~~
*{color:silver;}
~~~
### 3. ID選擇器
使用元素選擇器會把一個文檔中所有都元素都設置為同一樣式，以h1{color：red;} 為例，會把所有的h1標簽設置為紅色，如果只想對一個特定的h1設置樣式，可以通過設置id的方式定義規則.
~~~
<p id="p1">test1</p>
<p id="p2">test2</p>
~~~
只對第二個p標簽設置樣式：
~~~
#p2{color:silver;}
~~~
### 4.類選擇器
通過給元素設置標記，同一類的元素可以有相同多樣式.
下面的h1和p元素屬于同一類，類名為cal.
~~~
<h1 class="cla">Hello World</h1>
<h2>safe information</h2>
<p class="cla">Where there is a will,there is a way</p>
~~~
設置CSS樣式：
~~~
.cal{color:color:#FF8000;}/*h1和p具有相同的顏色*/
~~~
也可以單獨設置：
~~~
p.cal{ color:yellow;}/*對h1沒有作用*/
~~~
- 多類選擇器
下面對html代碼中有2個p標簽，第一個p標簽有兩個類標記，第二個p標簽有一個類標記.
~~~
<p class="urgent warning"> When handling plutoium,care must be taken to ...</p>
<p> With plutoium,<span class="warning">The possibility...</span></p>
~~~
我們將類名為waring的標簽字體顏色設為紅色，類名為urgent的標簽字體顏色設為綠色，那么類名為warning和urgent的標簽應該是什么？
~~~
.warning{color:red;}
.urgent{color:green;}
~~~
這種情況只保留寫在后面的類的屬性，寫在前面的會被覆蓋掉. 對于多類名的也可以通過下面的方式設置：
~~~
.urgent.warning{background-color:blue;}
~~~
