一、CSS盒子模型
盒子的構成為：
1.盒子的內容區：content.
2.盒子的邊框：border（border-top、border-right、border-bottom、border-left）.
3.盒子的邊框與內容之間的距離：padding(padding-top、padding-right、padding-bottom、padding-left).
4.盒子與盒子之間的距離：margin（margin-top、margin-right、margin-bottom、margin-left）.
二、盒子的相關屬性：
[1]:內容屬性：寬，高；
[2]內填充屬性padding（在定義盒子的寬度時。要考慮到內填充、外填充、邊框、邊界的存在）
（在使用外邊距時一定要注意瀏覽器的相容性，不相容的情況下，可以使用給外面的盒子加邊框的方法來解決此問題；除了值為零的情況下，所有的非零的值後面都要加單位）
[3]外填充屬性margin（內外填充屬性都可以使用關鍵字-方向的方法來進行css操作，但一般還是使用直接用關鍵字的方法來控制，如：margin-top、margin-right、margin-bottom、margin-left在控制時，按照上右下左順時針方向進行操作，規則為不足時到對邊去找，如padding：20px 30px 50px 表示上邊距為20，下邊距為50，左右邊距均為30）