1.2.2 CSS-2 Layout vs. Content: Box model

• Box model: how content fits to it outer <div>
  • http://www.w3schools.com/css/css_boxmodel.asp
• 解決完區塊排版後，現在要做的事情是，怎麼把內容「排到」<div>中排好（注意，不是在解決字型或者漂亮不漂亮的問題），例如前述那個內容顯然突出邊界了。這時候要用的就是box model。你在google 做 image search 都可以找到類似的圖。其中這張圖算是資訊比較齊全的。
  • 參考說明：http://ybarboowlloyd.blogspot.tw/2010/06/css-box-model.html
  • border : 邊框。
  • padding : 文字內縮，控制文字要離邊框多遠。
  • margin : 控制這個block要距離別的block多遠。