[網誌語法] blogger頁面寬度修改

以下轉載自小朱的藏經閣

要修改的地方主要有三項...#header-wrapper、#content-wrapper、#footer-wrapper
而這三項被包含在#outer-wrapper之下...(這些叫做外層定義的名稱ID)

#outer-wrapper指的是整體頁面大小的相關設定...

#header-wrapper指的是最上方標題的相關設定...

#content-wrapper指的是中間內容的相關設定...

#footer-wrapper指的是頁尾的相關設定

其中#content-wrapper又包含了主要內容(左)和側邊欄(右)兩邊...

分別是#main-wrapper和#sidebar-wrapper...

因此他們的層級的關係大概如下...

- outer-wrapper

　- header-wrapper

　- content-wrapper

　　- main-wrapper

　　- sidebar-wrapper

　- footer-wrapper
接著有幾個屬性的設定你了解了...就能夠自己改囉~~~

width：設定寬度

margin：設定邊界(空白)的大小

padding：設定內容與邊界的距離

background：背景設定

有幾點要注意的地方...

寬度總和必須要<=你在上一個層級所設定的大小，如果你不這麼做的話，你可以試看看，會怪怪的@@

width=margin+padding 這很重要，如果不相等(小於)的話會有一邊(側邊欄)消失

margin和padding的用法是margin: 1px 2px 3px 4px 分別代表上、右、下、左（可設單位屬性 : 點pt、英寸in、公分cm、像素px、百分比%）

後記：
我自己的設定是 outer-wrapper width=1027、content-wrapper 的 main-wrapper width=700 與 sidebar-wrapper width=270 預留 54 給 Auto 自行調整。