1、盒模型：邊框、內邊距、外邊距（border，padding，margin）
盒子邊框：寬、樣式、顏色
內邊距：盒子內容與邊距的距離，加在聲明的盒子寬度上面
外邊距：盒子與盒子之間的距離
2、盒子大小
1）無邊框、內外邊距，文本與body元素同寬，添加邊框，內外邊距，內容減少
2）有寬度的盒子：添加邊框，內外邊距，盒子就會擴展，設定的width代表的是內容區的寬度
3、浮動與清除（將元素從常規文檔流里拿出來）
1）實現文本環繞圖片——創建多欄式布局，如果浮動的元素不是圖片，必須給其設置寬度
2）創建分欄式的布局
p{...} p{float：left;...}
img{float：left;...} img{float：left;...}
(右邊框撐到父元素) 
浮動元素位于“文檔流外部”，不被標記的父元素中。
固定浮動的三種方法：
①父元素添加 overflow：hidden（防止包含元素被內容撐大，迫使父元素包含其浮動的子元素）
②同時浮動父元素
③添加非浮動清除元素；或者給父元素添加一個非浮動的子元素，再清除掉
（此用法ie6以及更低版本的無法使用，需另外的方法）
注：不能在下拉菜單頂級元素應用overflow：hidden，不能對已經靠自動外邊距居中的元素使用“浮動父元素”的方法，沒有效果。
4、定位
position：static、relative、absolute、fixed
定位上下文：設置定位后可以使用top、right、left、bottom元素，相對于（另一個元素）移動的位置，絕對定位元素的任何祖先元素都可以是定位上下文。
相對定位：相對于以前在文檔流中的位置定位
絕對定位：將元素徹底從文檔流中取出來，定位它的上下文，當頁面滾動的時候，相應移動
固定定位：定位的上下文為視口，創建不隨頁面滾動而移動的導航元素等
5、顯示屬性display
display：inline、block、inline-block
block元素總是在新行上開始，高度，行高以及頂和底邊距都可控制
inline就是將元素顯示為行內元素，和其他元素都在一行上；高，行高及頂和底邊距不可改變；寬度就是它的文字或圖片的寬度，不可改變
inline-block將對象呈遞為內聯對象，但是對象的內容作為塊對象呈遞
6、背景
7、z-index
z-index屬性適用于定位元素（position屬性值為 relative 或 absolute 或 fixed的對象），用來確定定位元素在垂直于顯示屏方向（稱為Z軸）上的層疊順序，也就是說如果元素是沒有定位的，對其設置的z-index會是無效的。
文章列表
留言列表
