一直認為自己已經掌握了HTML/CSS/JavaScript三劍客，但孔子說：
溫故而知新
最近溫故了一下三劍客，在此將CSS的溫故筆記做個記錄。
優先級
內聯樣式>內部樣式>外部樣式>瀏覽器默認樣式
優先級順序
下列是一份優先級逐級增加的選擇器列表：
通用選擇器（*）
元素(類型)選擇器
類選擇器
屬性選擇器
偽類
ID 選擇器
內聯樣式
!important 規則例外
一些經驗法則：
Always 要優化考慮使用樣式規則的優先級來解決問題而不是 !important
Only 只在需要覆蓋全站或外部 css（例如引用的 ExtJs 或者 YUI ）的特定頁面中使用 !important
Never 永遠不要在全站范圍的 css 上使用 !important
Never 永遠不要在你的插件中使用 !important列表
上一篇HTML教程學習筆記中講到，可以通過給<ol>標簽添加type屬性來指定列表序號，比如type="A"那么列表的序號就是A,B,C...
如果type="I"，那么列表的序號就是Ⅰ,Ⅱ,Ⅲ,Ⅳ...
CSS也可以控制列表的序號：
<style>
.a{ list-style-type:upper-roman;}
.b{ list-style-type:lower-alpha;}
</style>
<ol class="a">
<li>Cat</li>
<li>Dog</li>
<li>Pig</li>
</ol>
<ol class="b">
<li>Cat</li>
<li>Dog</li>
<li>Pig</li>
</ol>
運行結果：
PS：元素和類名作為組合選擇器時，元素和類名之間不能有空格。
盒模型
只說一個點，就是width的值指content的寬度，不包括padding、border和margin，不考慮早期IE的怪異盒模型。一般屬性值有1~4個的
例如padding、margin等，
1個值——四邊都一樣
2個值——上下、左右
3個值——上、左右、下
4個值——上、右、下、左display:none和visibility:hidden
都可以隱藏元素，但后者仍然占據空間，會影響頁面布局。absolute
與文檔流無關，可以產生重疊媒體類型
為不同媒體設置不同樣式屬性選擇器
第一次知道還有屬性選擇器
[title]
{
color:blue;
}
表示所有含title屬性的元素變為藍色。
- background-image
該屬性的值可以有多張圖片，不同的圖片之間用逗號分隔，還可以指定不同的圖片處于容器的不同位置。
#example1 {
background-image: url(img_flwr.gif), url(paper.gif);
background-position: right bottom, left top;
background-repeat: no-repeat, repeat;
padding: 15px;
}
也可以寫成：
#example1 {
background: url(img_flwr.gif) right bottom no-repeat, url(paper.gif) left top repeat;
padding: 15px;
}
- background-origin
前面我們了解到盒子模型，該屬性的屬性值有三種，分別是content-box/padding-box/border-box。background-clip的屬性值也有上面三種。
天哪，CSS的東西好多哦！好難記住呀，有人可以分享經驗嗎？
