margin（外邊距） - 清除邊框區域。margin沒有背景顏色，它是完全透明
border（邊框） - 邊框周圍的填充和內容。邊框是受到盒子的背景顏色影響
padding（內邊距） - 清除內容周圍的區域。會受到框中填充的背景顏色影響
content（內容） - 盒子的內容，顯示文字和影象
最終元素的總寬度計算公式是這樣的：
總元素的寬度=寬度+左填充+右填充+左邊框+右邊框+左邊距+右邊距
最終元素的總高度最終計算公式是這樣的：
總元素的高度=高度+頂部填充+底部填充+上邊框+下邊框+上邊距+下邊距
取值：上、右、下、左（順時針）
margin
margin-bottom
設定元素的下邊距
margin-left
設定元素的左邊距
margin-right
設定元素的右邊距
margin-top
設定元素的上部邊距
padding-bottom
設定元素的底部內邊距(底部空白)
padding-left
屬性設定元素左內邊距(空白)
padding-right
屬性設定元素右內邊距（空白）
padding-top
屬性設定元素的頂部內邊距(頂部空白)
前端 關於CSS盒模型
矩形區域中各個屬性的取值只有margin可以取負值，只有width和margin可以取auto關鍵字，border不能為百分數，其他屬性都只能取 正的數字或者正的百分數。其中margin和padding設定的值是乙個塊區域的垂直高度，這塊區域的長和寬是隨著內容的width和height變化 而變化的...
前端學習之盒系列模型
盒模型的學習，乙個盒子中的主要屬性有5個 width，height，padding，border，margin 這五個屬性在css中代表的主要含義，weight在css中表示的是內容的寬度，而不是盒子的寬度 height指的是內容的高度，而不是盒子的高度 padding是內邊距的意思 border指...
Web前端篇 CSS盒模型
常用塊元素由 p,h1 h6,div,ul,ol,tr,li,form常用內聯元素由 a,span,em,i,strong,u,常見的內聯塊元素 上面三句 相當於一句 border 3px solid red 同樣,也可以分別設定邊框四個方向的粗細 線性樣式 顏色,跟padding的四個方向一樣。上...