很多是手冊上的，只加了些自己在應用中遇到的情況的一點小結。
一切皆爲框：
div、h1 或 p 元素常常被稱爲塊級元素。這意味着這些元素顯示爲一塊內容，即“塊框”。與之相反，span 、strong、img和b 等元素稱爲“行內元素”，這是因爲它們的內容顯示在行中，即“行內框”。您可以使用 display 屬性改變生成的框的類型。這意味着，通過將 display 屬性設置爲 block，“行”就變爲“框”了；而將 dis屬性高爲 inline-block 則可以變“行內元素”變爲介於“行”與框之間，是行當具有框，更相符“行內框”。
但是在一種情況下，即使沒有進行顯式定義，也會創建塊級元素。這種情況發生在把一些文本添加到一個塊級元素（比如 div）的開頭。即使沒有把這些文本定義爲段落，它也會被當作段落對待：
<div>
some text
<p>Some more text.</p>
</div>
在這種情況下，這個框稱爲無名塊框，因爲它不與專門定義的元素相關聯。
定位類型：
定位用到的兩個屬性爲 position,float。
position 屬性值有4個，即這一屬性就可把定位分成四類：
static （默認值，不偏移）
元素框正常生成。塊級元素生成一個矩形框，作爲文檔流的一部分，行內元素則會創建一個或多個行框，置於其父元素中。
relative （相對元素“原來”位置起點定位）
元素框偏移某個距離。元素仍保持其未定位前的形狀，它原本所佔的空間仍保留。
absolute （相對最近已定位祖先元素）
元素框從文檔流完全刪除，並相對於其包含塊定位。包含塊可能是文檔中的另一個元素或者是初始包含塊。元素原先在正常文檔流中所佔的空間會關閉，就好像元素原來不存在一樣。元素定位後生成一個塊級框，而不論原來它在正常流中生成何種類型的框。
fixed （相對窗口偏移）
元素框的表現類似於將 position 設置爲 absolute，不過其包含塊是視窗本身。
在頁面廣告時常用，如固定廣告在窗口底部分。
提示：相對定位實際上被看作普通流定位模型的一部分，因爲元素的位置相對於它在普通流中的位置。
float屬性很重要，很常用。值有left,right,none.其設置的效果就如字面的函義。但也由於它“浮動”所以控制起來也不容易。清除上個元素float屬性的影響可以用<p class="clear"></p>。
浮動的框可以向左或向右移動，直到它的外邊緣碰到包含框或另一個浮動框的邊框爲止。由於浮動框不在文檔的普通流中，所以文檔的普通流中的塊框表現得就像浮動框不存在一樣。
定位屬性：
定位類型設置完後，就要開始設置定位的具體位置了。
top,right,bottom,left就沒什麼說的。
overflow常用屬性有三個：hide,scroll,auto；在固定大小形狀的區域，而不讓內容溢出時很有用。
而clip就可以代替width與height來固定一個區域，clip:rect(top right bottom left)。
vertical-align屬性用於設置垂直對齊（相對水平對齊的有align,text-align）。這還可以輕鬆定義圖像與文件對齊方式，因爲圖像也是“行”元素。
index-z有些特異了，也就能做些特異的事。可以說是給網頁以立體感的一種嘗試了，可以設立第三維座標，設置背景層次。默認值爲0.值大的會覆蓋值小的。
其他：
這些屬性看起來也還好理解，可到實際中就千變萬化了，有些還真讓人摸不着頭腦。
相對位置（定位）的你級框及作用框屬性還多試試，可以一起設着看。
其他影響位置的屬性：
line-height行矩，只針對行元素；而height針對其他所有元素;一行文字所在的一個邏輯區域是行元素，其他的元素都是塊元素。
font:12px/1.5 Arial 表示文字12像素，1.5倍行高，Arial字體。