首先這是我第一次寫部落格，請大家多關照。寫的不好的地方請指出來。。。下面由我來說下我對盒模型的理解。
我呢是乙個剛入門三個禮拜的小白，我自認為學前端跟其他的科目是不一樣的。前端是聽得懂，但自己動手時就不會去做。可能這都是小白的必經之路吧。
盒模型是網頁布局的基石，盒模型由盒子內容 ，盒子內填充 ，盒子本身 ，盒子和盒子之間的距離（一般叫外邊距）。盒模型有兩個屬性：**padding和margin屬性** padding是盒子的內填充，長在盒子裡面的。padding屬性很特別，如果加了padding值 盒子就會被撐大（例如：氣球，在我們沒吹氣的時候沒變化 ，一旦我們吹氣（相當於加了padding）氣球會變大） right（右） top（上） bottom（下）
padding :乙個值值 表示四周都加padding
padding:兩個值時 表示上下 左右
padding:三個值時 表示 上 左右 下
padding:四個值時 表示 上右下左
margin表示外邊距(意思就是盒子與盒的間距)
例如： right（右） top（上） bottom（下）
margin :乙個值值 表示四周都加padding
margin:兩個值時 表示上下 左右
margin:三個值時 表示 上 左右 下
margin:四個值時 表示 上右下左
padding 一般加在父元素上 margin一般加在本身（控制誰就在誰上加）
padding加在父元素上要相應的減去相應的值（例外：如果盒子沒有固定大小 新增padding值不需要減去）
margin 不需要減
border 是指邊框 (包含內容的邊框)
border 的屬性值有 solid (實線) dashed(虛線) dotted(點狀線) double(雙線) none(沒有線條)
**總結：**在網頁上布局都需要這些屬性，這就是我對盒模型的總結。
對盒模型的理解
盒模型分為兩種，一種是ie盒模型，一種是w3c盒模型。ie盒模型用於ie6一下版本的瀏覽器，它的content的寬度是包括了padding和border的 w3c盒模型 content的寬度不包括padding和border 此外兩種盒模型都包括margin 外邊距 在元素外建立額外的空白，空白通常...
盒模型理解
參考 盒模型理解 前端的盒模型包括兩種，分別是w3c盒模型和ie盒模型。w3c盒模型包括content padding border margin。其中width content ie盒模型包括content padding border margin。其中width content padding...
理解盒模型
div css有兩種盒模型 標準w3c盒模型 ie盒模型 如何讓瀏覽器能夠按標準盒模型來處理，就是在網頁的頂部加上doctype宣告。如果不加 doctype宣告，那麼各個瀏覽器會根據自己的行為去理解網頁。標準盒模型中width和height指的是內容區域的寬度和高度，增加內邊距 邊框和外邊距不會影...