一。當同一個 HTML 元素被不止一個樣式定義時，會使用哪個樣式呢？
一般而言，所有的樣式會根據下面的規則層疊於一個新的虛擬樣式表中，其中數字 4 擁有最高的優先權。
- 瀏覽器缺省設置
- 外部樣式表
- 內部樣式表（位於 <head> 標籤內部）
- 內聯樣式（在 HTML 元素內部）
二。例子：p {
text-align: center;
color: black;
font-family: arial;
}
提示：如果值爲若干單詞，則要給值加引號：
p {font-family: "sans serif";}
三。繼承:通過 CSS 繼承，子元素將繼承最高級元素（在本例中是 body）所擁有的屬性（這些子元素諸如 p, td, ul, ol, ul, li, dl, dt,和 dd）。
body { font-family: Verdana, sans-serif; }
並且在大部分的現代瀏覽器中，也確實是這樣的。
但是例如Netscape 4 就不支持繼承，
所以對Netscape 4 應該這樣
body {
font-family: Verdana, sans-serif;
}
p, td, ul, ol, li, dl, dt, dd {
font-family: Verdana, sans-serif;
}
如果某一元素不希望繼承，那麼就單獨寫一下他的樣式。
四，派生選擇器：允許你根據文檔的上下文關係來確定某個標籤的樣式
li strong { font-style: italic; font-weight: normal; }
上面的只有li 元素中的 strong 元素的樣式爲斜體字，也就是說只有出現了<li><strong>這樣的便籤最和纔會使用該樣式。
五，id選擇器：
1.#green {color:green;}注意：一個id 屬性只能在每個 HTML 文檔中出現一次。
2.id 選擇器和派生選擇器：#sidebar p {font-style: italic;text-align: right;margin-top: 0.5em;}在id是sidebar元素裏的p(id是sidebar元素應該是個div之類的段落)。
3.#sidebar {border: 1px dotted #000;padding: 10px;}老版本的 Windows/IE 瀏覽器可能會忽略這條規則，除非你特別地定義這個選擇器所屬的元素：div#sidebar {border: 1px dotted #000;padding: 10px;}
六，類選擇器
1. .center {text-align: center}影響所有class爲center的元素；
2. .fancy td {color: #f60;background: #666;}派生的類選擇器：名爲 fancy 的更大的元素可能是一個表格或者一個 div，而他裏面的td將受到影響；
3. td.fancy {color: #f60;background: #666;}class是fancy的td才受這個影響；
七，屬性選擇器：
1.Internet Explorer 7 （以及更高版本）在規定了 !DOCTYPE 的情況下支持屬性選擇器。IE6 及更低的版本不支持屬性選擇器。應該如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">strict.dtd表示需要乾淨的標記，免於表現層的混亂，請使用此類型。請與層疊樣式表（CSS）配合使用。
2.[title]{color:red;}爲帶有 title 屬性的所有元素設置樣式
3.[title=W3School]{border:5px solid blue;}爲 title="W3School" 的所有元素設置樣式；
4.[title~=hello] { color:red; }適用於由空格分隔的屬性值，例如: title="hello world";
5.[lang|=en] { color:red; }適用於由連字符分隔的屬性值;例如：lang="en-us"；
八，註釋：/* */