box是一個概念，不是標籤。
每個元素box的邊框預設值都是隱藏的，而且透明。
我們可透過三種方式調整box：
padding、margin、border
（ 其屬性：width、style、color）
..........................................
關於樣式的簡寫，從12點方向順時針走就對了，例如：
#aa {
margin:5px 10px 12px 8px;
}
中間空白，若有缺的值則由對面的但替代。
若只提供一個值，則表示四邊一樣用這個值。
0不需加單位。
..........................................
若段落文字設邊界，通常左右用px，上下則用em。
.75em指文字的四分之三的高。
左右用px就是不希望因設定文字而影響排版的寬。
..........................................
關於「重疊」問題：
垂直邊界會「重疊」(collapsing)，當top和bottom的邊界碰在一起時，兩者會重疊直到其中一個的邊界碰觸到另一個的邊界為止，也就是說「由比較大的值」為準。
（當元素是群組的第一個或最後一個時就沒這問題。）
左右邊界沒有重疊問題。
..........................................
普通我們用width設定box的寬度，一旦用了width設寬度，也就是元素不再使用與承載元素相同的預設寬度。
例如常用的div，要注意：padding、margin、 border-width都會增加div之box寬度，所以可以這麼說：width是指「內容物」的寬。
這麼一來，若更改padding值也表示它原先設的div實際寬會改變（雖然數字沒變，但box已改變了，它wdith設的寬是內容物的寬不變）。
所以另一個解決之道就是在div裡再加一個div：
div#column {
width:170px;
}
div#inner_column {
paddign:10px;
}
這麼一來，column設的width是指inner_column的實際寬，而inner_column的文字要如何推開padding就不會改變原來設計的版面了。