非學不可

(這是完成圖)

上篇提到需要修改的細節和重點，現在開始動手實際的將痞客二欄版型轉成三欄式的。

上篇提到、需要掌握全寬，本文寬，和側欄寬。所以先找出這三個地方來。

#body-div{

  (這是完成圖)

此範例用的是痞客的基本模板。粉紅色那個。   文/灰色金盞花(鹿老師)

在動手做之前，先說明四個重點。

【部落格css樣式】盒子box model(2)設定區塊的寬度和高度

上一篇講過盒子(box model)，想畢大家都比較知道盒子在css中到底是怎麼應用了。

接下來要介紹的是寬(width)和高(height)的設定。

一般來說在box裡面寬(width)是指左內緣到右內緣，高(height)是上內緣到下內緣。(如圖示)

【部落格css樣式】 CSS中盒子(box model)的概念和痞客版型解說

要開始修改和設計部落格樣式前，css中一個很重要的觀念要清楚，

就是”盒子”，什麼是盒子勒? 我們可以把每個元素視為一個盒子，

而盒子就是以這些屬性組成的。內容、留白、邊框、邊界。

整個頁面
body/*整個介頁面*/
#body-div/*整個頁面*/
a/*超連結*/
a:hover/*滑鼠移動到超連結上時*/