我們可以把每個元素都看成乙個盒子，盒子模型是由四個屬性組成的，如下表：
屬性說明
content
內容，可以是文字或
margin
外邊距，定義當前元素與其他元素（或者當前標籤與標籤）之間的距離
padding
內邊距，定義內容與邊框之間的距離
border
邊框，用於定義，元素的邊框
內容區。
內容區是盒模型的中心，內容區有三個屬性：width、height、和overflow。width、height針對內容區而言，並不包括padding部分。內容過多時可以使用overflow來指定溢位的處理方式。
內邊距內邊距指的是內容和邊框之間的空間，有五種屬性padding-top、padding-rigt、padding-bottom、paddin-left。及以上四個方向的簡寫內邊距屬性：padding。
外邊距外邊距指兩個盒子之間的距離，他可能是父子元素的距離，也可能是兄弟元素的距離。
外邊距屬性也有五種：margin-top、margin-right、margin-bottom、margin-left，以及margin。同時，css允許給外邊距屬性指定負數值，當外邊距為負值時，整個盒子將向指定負值相反方向移動，產生盒子重疊效果。
邊框邊框有三個屬性border-width、border-style、border-color、border（簡寫屬性）
關於CSS層疊 CSS繼承 CSS盒模型概述
一 css層疊 在前端程式設計師對css編寫的過程中，css選擇器的作用是用來選中某個元素，並對當前的元素進行樣式上的渲染，那麼每乙個選擇器都有屬於自己的一些解析規則。那我們今天所 的css層疊就是瀏覽器對多個樣式的 進行疊加，並最終解析成渲染效果，那這個過程我們就稱為css層疊。1 css樣式的 ...
css盒模型 標準盒模型 怪異盒模型
css 盒子模型 box model 每個html元素都可以看作是乙個盒子，父元素和子元素的關係就行大盒子裡放了個小盒子，兄弟元素就像在大盒子平放了兩個小盒子。盒模型包括 外邊距 margin 邊框 border 內邊距 padding 實際內容 content 四個屬性。由於目前大部分主流的瀏覽器...
簡單概述盒模型
不同的元素產生的盒子型別可能不同 乙個元素，產生什麼樣的盒子，取決他css的display屬性 display none 不生成盒子 display inline 行盒 display block 塊盒 display 其他屬性值 注 盒模型中只有外邊距 margin 可以給負值 背景色預設的渲染區...