- 屬性選擇器
p[class~="warning"] 部分屬性值選擇 p.warning 如果忽略了~夕土，則說明要完全匹配
p[class^="cloud"]匹配class屬性值以cloud開頭的p元素
p[class*="bar"]匹配class屬性值含有子串"bar"的p元素
p[class$="bar"] 匹配以bar結尾的p元素
p[lang|="en"]匹配屬性等于en或者以en-開頭的所有元素
h1+p{margin:0 auto;} 選擇緊接在一個h1元素后的所有段落，h1和段落要有相同的父元素
!important比內(nèi)聯(lián)樣式特殊性（1000）還要高
一般來說赴蝇，框模型屬性（外邊距恢总，內(nèi)邊距迎罗，邊框，背景）都不能繼承
繼承bug 有些瀏覽器的表不會繼承樣式建議以 ：link :visited :hover :active (偽類元素特殊性 10)
如果：link和visited后出現(xiàn)离熏，是會覆蓋hover的樣式web安全顏色：在256色計算機系統(tǒng)上總能避免抖動的顏色
通用字體系列
serif字體 sans-serif字體 monospace字體 cursive字體 fantasy字體
如果字體包括#或者$之類的符號佳谦，或者有一個或多個空格的 需要用''
例如 font-family：'New York'
line-height：1； 因為繼承問題滋戳，行高會被子元素繼承钻蔑，如果一個大字體為子元素就會影響樣式，除了顯式指line-height還可以指定倍數(shù)
verical-align 設置length（*px） 會使（行內(nèi)或表格）元素上移或下移奸鸯，但是垂直對齊的文本并不會成為另一行的一部分咪笑，也不會覆蓋其他行的文本
vertical-align：top /bottom 將元素行內(nèi)框底端與行框的底端對齊
vertical-align：super/sub 將元素的基線相對于父元素的基線提高或者降低
vertical-align:text-top/bottom:將元素行內(nèi)框的頂端和父元素的內(nèi)容區(qū)的頂端對齊
vertical-align:*px;可以指定值
行內(nèi)框：非替換元素為line-height的值
替換元素為內(nèi)容區(qū)的高度
行框:包含該行中出現(xiàn)的行內(nèi)框的最高點和最低點的最小框
vetical-align的值要根據(jù)相對于元素的line-height來算
word-spacing的值可能受text-align屬性值的影響。如果一個元素是兩端對齊的娄涩，字母和字之間的空間可能會調(diào)整窗怒。
合并垂直外邊距：外邊距會融合 p181
行內(nèi)元素的內(nèi)邊距不會增加行框的高度
- margin百分數(shù)是相對于其父元素的width計算的
- 行內(nèi)框與一個浮動元素重疊時，其邊框蓄拣、背景和內(nèi)容太都在該浮動元素"之上"顯示
塊框與一個浮動元素重疊時扬虚，其邊框、背景在浮動元素之下球恤，內(nèi)容在浮動元素之上顯示 - position：relative 包含塊為最近的塊集框
position:absolute 包含塊為最近的position值不是static的祖先元素 - clip:rect(top\right\left\bottom)|auto|inherit
應用于絕對定位函數(shù) - visibility:hidden/visible 如果后代元素指定為visible 則父元素即使是hidden后代元素也可見
- position:absolute 左右外邊距設為auto辜昵，left和right不是auto，會讓元素居中咽斧；
left和right是整個子元素盒模型 相對于元素塊的left和right
- positon定位時
同時定位right 和left且不符合框模型事堪置，在從左向右的語言中躬存，忽略right的值 （如果margin值為auto則，左右同時設定） - z-index 元素的所有后代相對于自己的祖先元素又有自己的疊放順序舀锨，子元素的疊放順序是相對于父元素而言的岭洲。
<p style="z-index:7">
<em style="z-index:43">
<strong style="z-index:-52"></strong></em>
</p>
<h1 style="z-index:6"></h1>
此刻strong 的z-index雖然為-52，因為其父元素p在h1之上坎匿，所以strong在h1之上
* 如果position：relative 過度受限
即{positon：relatie盾剩；top：10px；bottom：20px}
top要求他向下移動10x替蔬，而bottom要求他向上移動20px彪腔；此時css2.1指出，一個值會重置為另一個值的相反數(shù)即bottom總是等于-top进栽，right總是等于-left
* list-style：list-style-image list-style-type list-style-position
* li::marker {margin-right:0.125em;}來使標志與列表項內(nèi)容之間有適當?shù)木嚯x【css3草案】
* :before 和:after 把生成內(nèi)容放在一個元素內(nèi)容的前面或者后面；
* 如果：before和： after選擇器的主題是塊級元素恭垦，則display屬性只接受none快毛，inline，block番挺，和 marker
* counter-reset 設置計數(shù)器的起點
counter-increment 將其遞增一定的量
[CSS計數(shù)器(序列數(shù)字字符自動遞增)詳解--張旭鑫](http://www.zhangxinxu.com/wordpress/2014/08/css-counters-
automatic-number-content/)
* outline和border的區(qū)別
1.outline不占位唠帝，設置過大可能會覆蓋其他元素
2.outline的形狀不定，用戶代理可以合并部分輪廓玄柏，創(chuàng)造一個連續(xù)非矩形的元素
* 最適合屏幕設計的字體是sans-serif字體襟衰，但是在打印媒體中serif字體更可讀
* 非媒體屏幕
打印媒體and幻燈片媒體and聲音樣式
http://blog.csdn.net/jhqdlove/article/details/50526321
* 垂直居中技巧
positon：absolute；
top：50%粪摘；
margin設為元素高的一半