CSS的BOX MODEL

box model算是學習css很重要的一個觀念，其實也不會很難，大概記住是這樣一層一層包起來的就可以了，有一點要注意的就是如果如果把width設為200px，設為1px，padding及margin各為3px，那麼這個元素的寬度就會是200+(1+3+3)*2=214。

另外padding及margin的值可以各別設，如padding-top，如果沒有特別標的話則為四個邊都是一樣的值。

也可以一起設，如padding: 2px 3px 4px 5px; 順序分別為上、右、下、左，若設為padding: 2px 3px; ，則代表上下為2px，左右為3px，最多四項，若有缺則用對面的值來代表缺的那個位置的值。