CSS的盒子理論

盒子!?  裡面有餅乾嗎 XD?
當然不是 ~ 而是 CSS 把 HTML 的每個元素，都當作是一個盒子。
所以網頁元素，就通通變成一個一個的盒子摟 ~
利用盒子的觀念去看網頁，真的是很明瞭呢~
就讓我們繼續研究盒子理論吧 ~ GO


底下這張圖片，是出自於這個連結
CSS 盒子模式



可以很清楚的看到，盒子裡面分了
邊界 (Margin)
    邊框 (Border)
    留白 (Padding)
    內容 (Content)

只要我們調整這些值，就可以對應摟 ~

另外，在 Firebug 裡面，
也有這張圖喔!!
就在排版裡面呢 ~

算是長了一些知識吧
第一次知道盒子理論這東西
非常有趣呢 ~