每個HTML標籤都可看做是一個盒子，當我們在頁面上寫各種HTML標籤的時候，其實就是頁面上擺放各種各樣的盒子。
·border（邊框）：每個盒子都是有邊框的，默認情況下不顯示而已；
·padding（內邊距）：指內容距離邊框的長度，如果要內容居中，那麼很明顯需要四個內邊距都相等；
·margin（外邊距）：指盒子與盒子之間的距離，好比兩個div之間相隔距離是多少；也可以理解爲對象與父容器的距離
關於：margin:auto
· margin有4個值：margin:10px 11px 9px 8px; ，按順序分別代表對象與父容器的上、右、下、左的距離值爲10px,11px,9px,8px。
·如果只寫兩個值：margin:10px 5px; ，表示對象與父容器的上下距離值都是10px，與左右的距離值都是5px。
·而 margin:0 auto; ，這個就表示上下的距離值是0，而左右就是自動適應，也就是我們常說的自動居中。
而margin:auto; ， 就表示上下左右都自動適應。