1. 偽類
:link ? ? ? ?a鏈接未被訪問的樣式
:hover ? ? 鼠標移上的樣式
:active ? ? 被用戶點擊及被點擊釋放之間的樣式
:visited ? ? a鏈接對象被訪問后的樣式
:focus ? ? ? 對象成為輸入焦點時的樣式
:first-child ?第一個子對象樣式
:first ? ? ? ? ? 對于頁面的第一頁使用的樣式
2. 偽對象
:after ? ? ? ? ?設置某個對象之后的內容
:first-letter ? 對象內的第一個字符的樣式設置
:first-line ? ? ?對象內第一行的樣式設置
:before ? ? ? ? 設置某個對象之前的內容
3. !important語法
可以提升某一句樣式的重要性,使其優先執行這句語句
4. 一列固定寬度:給定具體寬度高度多少 px
一列寬度自適應:將寬度改為百分比值形式
一列固定寬度居中:使用margin:0 auto;
二列固定寬度:固定width,height, #left和#right都使用 float: left;
二列寬度自適應:width使用百分比,#left和#right都使用 float: left;
二列左欄固定寬度,右欄自適應:將左欄寬度設定為固定值和float: left, 右欄不設定任何寬度值,并且右欄不浮動即可。
二列固定寬度居中:設置外層div固定寬度為left+right和margin:0 auto ??jsfiddle.net/u020xbpa/
三列浮動中間列寬度自適應:左欄固定寬度居左,右欄固定寬度靠右,中間欄根據左右欄間距自動適應
left和right使用絕對定位,left居左居上為0和right居右居上為0,center則只需要設定margin-left和margin-right
高度自適應:一個對象的高度是否可以使用百分比顯示,取決于對象的父級對象。給html, body, left都設置height:100%;jsfiddle.net/u020xbpa/4/