1.元素水平居中
內(nèi)聯(lián)元素水平居中text-align:center;
塊元素水平據(jù)居中margin:0 auto;
2.單行文字垂直居中
height:n px;
line-height:n px;
3.文字相對圖片、輸入框垂直居中
vertical-align:middle;
4.元素自適應(yīng)高度
父元素未指定高度京办，子元素有浮動尸曼，父元素不能自增。
overflow:hidden|auto;
5.background
元素背景覆蓋范圍：
IE7：content+padding
IE8+酷愧，F(xiàn)F：content+padding+border
body背景覆蓋范圍：content+padding+border+margin
6.margin
塌陷：豎直排列的塊級元素之間的間隔是margin-bottom和margin-top兩者中的較大值。
成父子關(guān)系的塊級元素缠诅，子元素的margin以父元素的content為參考溶浴，倘若子元素的content+margin的高度超過了父元素高度值，IE會自動擴(kuò)大管引，保持子元素的margin-bottom和父元素的padding-bottom士败，F(xiàn)F則保持父元素高度不變，子元素會超粗父元素范圍褥伴。
成父子關(guān)系的塊級元素,如果父元素和子元素之間沒有其他元素,瀏覽器則會把子元素的margin-top作用于父元素谅将。
可給父元素設(shè)置以下屬性：
padding-top:n px;
overflow:hidden|auto;
position:absolute;
display:inline-block;
float:left|right;
7.position
absolute：使用絕對定位的元素以最近的已經(jīng)定位的祖先元素為基準(zhǔn)進(jìn)行偏移，若沒已經(jīng)經(jīng)定位的祖先元素則以瀏覽器窗口為基準(zhǔn)進(jìn)行偏移重慢；絕對定位的元素從標(biāo)準(zhǔn)文檔流中脫離饥臂，對其他元素的定位沒有影響。設(shè)置絕對定位而不設(shè)置偏移的元素將脫離文檔流且保持在原來的位置似踱。
fixed：固定定位的元素以瀏覽器窗口為基準(zhǔn)進(jìn)行定位隅熙。
8.z-index
z-index屬性取值為auto|number志衣，作用于position屬性設(shè)置為relative|absolute|fixed的元素。
同一個層疊上下文中猛们，層疊級別大的顯示在上念脯，層疊級別小的顯示在下；相同層疊級別時弯淘，遵循后來居上的原則绿店；不同層疊上下文中，元素顯示順序以父級的層疊級別來決定顯示的先后順序庐橙，與自身的層疊級別無關(guān)假勿。
9.border
單獨(dú)設(shè)置border-left|right|top|bottom寫出多樣的三角形狀。
{
border: n px solid color;
border-left|right|top|bottom-color: color|transprent;
}
10.偽類
(1)鏈接偽類出現(xiàn)的順序必須遵循a:link a:visited a:hover a:active
(2):after和:before
element{position:relative;}
element:after,element:before{
position:absolute;
content:" ";
content: attr data-letter;
}
11.溢出省略
white-space:?nowrap;//限制文本換行
overflow:?hidden;//溢出隱藏
text-overflow:?ellipsis;//顯示省略標(biāo)記
-o-text-overflow:ellipsis;//兼容Opera
