選擇器
CSS的兩個概念：
em：以頁面中字體的寬度/高度為單位，1em為一個字體單位，0.5為半個字體單位
X%：以頁面元素所處的盒子或默認設(shè)置的寬度/高度為100%，以X%來進行取值
層疊次序
當(dāng)同一個 HTML 元素被不止一個樣式定義時，會使用哪個樣式呢？
一般而言，所有的樣式會根據(jù)下面的規(guī)則層疊于一個新的虛擬樣式表中，其中數(shù)字 4 擁有最高的優(yōu)先權(quán)。
- 瀏覽器缺省設(shè)置
- 外部樣式表
- 內(nèi)部樣式表（位于 <head> 標(biāo)簽內(nèi)部）
- 內(nèi)聯(lián)樣式（在 HTML 元素內(nèi)部）
因此，內(nèi)聯(lián)樣式（在 HTML 元素內(nèi)部）擁有最高的優(yōu)先權(quán)，這意味著它將優(yōu)先于以下的樣式聲明：<head> 標(biāo)簽中的樣式聲明，外部樣式表中的樣式聲明，或者瀏覽器中的樣式聲明（缺省值）
中文字體
- Windows：Choose from “Microsoft YaHei” and “SimSun” 。bold and large text better to choose "Microsoft YaHei", if didn't installed, will replace by “SimSun”.
- OS X："Hiragino Sans GB"，if didn't installed, will replace by "STHeiti".
- iOS：Use default "STHeiti".
- Linux："WenQuanYi Micro Hei", if didn't installed, will replace by else.
- Android: Use default "Droid Sans".
英文字體
CSS 定義了 5 種通用字體系列：
- Serif 字體
- Sans-serif 字體
- Monospace 字體
- Cursive 字體
- Fantasy 字體
自定義字體樣式
CSS3 @font-face_@font-face, css3屬性詳解 教程_w3cplus
CSS3 字體
@font-face
直接定義
p {}
body {}
p, body {}
派生選擇
header p {}
id 選擇(注意大小寫)，唯一
#Wiki div {}
#Project p {}
類選擇（class），非唯一
可以有 class="important most"，類選擇使用 .important .most .important.most
.BlogTitle {}
.BlogTitle p {}
a.linkclass:hover {}
屬性選擇
input[type="text"] {}
input[type="button"] {}
鏈接的樣式
鏈接的四種狀態(tài)：
- a:link - 普通的、未被訪問的鏈接
- a:visited - 用戶已訪問的鏈接
- a:hover - 鼠標(biāo)指針位于鏈接的上方
- a:active - 鏈接被點擊的時刻
