css盒子模型具備的屬性：內容(content)、填充(padding)、邊框(border)、邊界(margin)
每個盒子都有：邊界、邊框、填充、內容四個屬性；
每個屬性都包括四個部分：上、右、下、左；這四部分可同時設置，當然也可以分別設置~
記憶時可以將此想象爲一個表，從12開始逆時鐘旋轉，所以屬性設置的順序便爲上、右、下、左~
並且當某一方向缺失時，會去對面找他的值當做自己的用哦~
再用兩張圖來說明w3c的標準盒子模型和IE中的不同：
很明顯，在標準盒子模型中，height和width只包括content的內容
而在IE下的width和height卻包括了三部分內容：content、border、padding
而在平時中的使用中用哪種呢？
當然是w3c提供的標準盒子模型了~
方法就是在網頁的頂部加上 doctype 聲明
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">