目錄盒子模型用來「放」網頁中的各種元素
網頁設計中內容，如文字、等元素，都可以是盒子（div巢狀）
網頁中盒子模型
寬度屬性
寬度with/最大寬度max-width/最小寬度min-width：長度值/百分比/auto
高度屬性
高度height/最大高度max-height/最小高度min-height：長度值/百分比/auto
哪些html元素可以設定高和寬屬性
max-height（width）/min-height（width）有相容性問題，ie不支援
邊框屬性：設定元素邊框寬度
border-width:thin|medium|thick|長度值
設定元素邊框顏色
border-color:顏色/transparent
設定元素邊框樣式
border-color:顏色/transparent
設定元素邊框樣式
border-style:值值描述
none
定義無邊框、預設值
hidden
與none相同，除非在**元素中解決邊框衝突
dotted
定義點狀邊框，在大多數瀏覽器中呈現為實線
dashed
定義虛線，在大多數瀏覽器中呈現為實線
solid
定義實線
double
定義雙線
groove
定義3d凹槽邊框
ridge
定義3d壟狀邊框
inset
定義3d inset 邊框
outset
定義3d outset 邊框
inherit
規定應該從父元素繼承邊框
邊框縮寫
border:寬度 樣式 顏色
內邊距屬性
設定元素的內容與邊框之間的距離（內邊距或填充）分四個方向（上右下左）
內邊距屬性縮寫
padding:值1;//4個方向都為值1
padding:值1 值2;//上下=值1 左右=值2
padding:值1 值2 值3;//上=值1 左右=值2 下=值3
padding:值1 值2 值3 值4;//上=值1 右=值2 下=值3 左=值4
設定元素的內容與邊框之間的距離（外邊距）分四個方向（上右下左）
外邊距屬性縮寫
margin:值1;//4個方向都為值1
margin:值1 值2;//上下=值1 左右=值2
margin:值1 值2 值3;//上=值1 左右=值2 下=值3
margin:值1 值2 值3 值4;//上=值1 右=值2 下=值3 左=值4
盒子模型計算
如果沒有doctype文件型別宣告各瀏覽器按照自己的方式解析，如果有按照標準盒子模型來解析
display屬性值描述
inline
元素將顯示為內聯元素，元素前後沒有換行符
block
元素將顯示為塊級元素，元素前後會帶有換行符
inline-block
行內塊元素，元素呈現為inline，具有block相應特性
none
此元素不會被顯示
0416 盒子模型
css盒子模型樣式 定義 margin 外邊距，圍繞在元素邊框的空白區，在元素外建立額外的空白。border 邊框，圍繞元素內容和內邊距的一條或多條線。padding 內邊距，在邊框和內容區之間。屬性 margin 外邊距也叫作空白 接受任何長度單位，百分數值和負值，還可設定為auto。margin...
3 盒子模型
盒子模型是我學習css中使用頻率最高的模型，其中主要還是理解整個盒子的構成，以及其中各屬性的作用，最重要的問題就是合併巢狀問題。盒子模型 外邊距margin 邊框border 內邊距padding 內容 border color 邊框顏色 border width 邊框寬度 border style...
盒子模型 標準盒模型，怪異盒模型
當你的瀏覽器展現乙個元素時，這個元素會佔據一定的空間。這個空間由四部分組成。中間是元素呈現內容的區域。這個區域的外面是內邊距。再外面是邊框。最外面的是外邊距，外邊距將該元素與其它元素分開。內邊距，邊框和外邊距在元素的上 右 下 左都可以有不同的大小。所有這些大小值都可以為0。顏色 內邊距總是跟元素的...