怎麼理解盒子模型？
盒子模型是樣式表（css）控制頁面的很重要的概念。如果理解了盒子模型和其中每個元素的用法，才能熟練使用css的定位方法和技巧。所有的頁面的元素都可以看成是乙個盒子，佔據一定的頁面空間。佔據的空間要比實際使用的空間要大得多。我們可以調整盒子的邊框和距離，來調整盒子（頁面和頁面中的元素）的位置。
盒子模型是由內容（content）、邊框（border）、內邊距（padding）、外邊距（margin）組成
他們的關係如下圖所示：
content
content是盒子主要裝內容的地方。即元素、文件流、巢狀盒子，盒模型主要組成部分之一。
border
border是元素的外圍，即元素的邊，盒模型主要組成部分之一。
計算元素的寬和高要把border加上特別是特殊**頁面
border有三個主要屬性，color（顏色）、width（粗細）和style（樣式）。
padding
padding用於控制content與border之間的距離，即內邊距，盒模型主要組成部分之一。
margin
margin用於控制塊與塊（可以理解成塊級元素）之間的距離。即外邊距，盒模型主要組成部分之一。
每日寄語-「不為失敗找理由，只為成功找方法」
CSS基礎之盒模型
1.什麼是盒模型 html元素中的每個元素都被描繪成矩形盒子，也就是盛裝內容的容器，這些矩形盒子通過乙個模型來描述其 占用空間 這個模型成為 盒模型 盒模型 有外向裡分別為 marging 外邊距 padding 內邊距 border 邊框 content 內容 2.盒模型 外邊距 margin 元...
css盒模型 標準盒模型 怪異盒模型
css 盒子模型 box model 每個html元素都可以看作是乙個盒子，父元素和子元素的關係就行大盒子裡放了個小盒子，兄弟元素就像在大盒子平放了兩個小盒子。盒模型包括 外邊距 margin 邊框 border 內邊距 padding 實際內容 content 四個屬性。由於目前大部分主流的瀏覽器...
CSS複習之標準盒模型與怪異盒模型
盒模型一般包含 content 內容 padding 內邊距 border 邊框 margin 外邊距 標準盒模型指的是w3c標準下的盒模型，而怪異盒模型指的是ie下的盒模型，也可以通過設定 box sizing 屬性來改變盒模型，border box 為怪異盒模型，border content 為...