在css中有乙個需要了解的東西，那就是盒子模型，這是css看待元素的一種方式。可以說頁面就是由乙個個盒模型堆砌起來的，每個html元素都可以叫做盒模型，盒模型由外而內包括：邊距（margin）、邊框（border）、填充（padding）、內容（content）。它在頁面中所佔的實際寬度是margin + border + paddint + content 的寬度相加。
div盒子模型的實踐寬度分為二種方式：
水平方向：左外邊距+左邊框+左內邊距+width+右內邊距+右邊框+右外邊距
垂直方向：上外邊距+上邊框+上內邊距+width+下內邊距+下邊框+下外邊距
content ：就是內容區，包含了文字影象之類的。在內容區中，內容和盒子的邊緣之間是沒有空間的。
padding：內邊距，內容區就是被內邊距所包圍。內邊距是乙個透明的，沒有顏色也沒有自己的裝飾，但是是可選的。
border：邊框，所在位置就是在內邊距的周圍是乙個可選的邊框。邊框可以擁有樣式。
margin：外邊距。包含了所有部分。它是可選的，利用外邊框可以在同乙個頁面上的不同元素之間增加空間。
外邊距是提供元素之間的間距，而內邊距是在內容周圍增加額外的空間。
對於邊框，內邊距，外邊距而言，css都提供了相應的屬性，可以一次對四個邊（上 右 下 左）進行設定,也可以單獨的設定一邊的樣式。
html盒子模型 jquery盒子模型
最近學了jquery的盒子模型之後，感覺真的顛覆我之前對盒子模型的看法，我在最初以為盒子模型只存在於html,我們就來看看他們有何區別。1.html盒子模型 如果說js裡面萬物皆是物件，那麼html裡面的萬物皆是盒子。不是盒子的我們也可以用dispiay block 變成盒子。那他的盒子是怎麼計算的...
html盒子模型
什麼是css的盒子模式呢？為什麼叫它是盒子？先說說我們在網頁設計中常聽的屬性名 內容 content 填充 padding 邊框 border 邊界 margin css盒子模式都具備這些屬性。這些屬性我們可以把它轉移到我們日常生活中的盒子 箱子 上來理解，日常生活中所見的盒子也具有這些屬性，所以叫...
html 盒子模型
網頁的布局本質就是把網頁上的元素，如，文字，都放入盒子裡面，然後按照自己的需要擺放盒子的過程就是網頁布局 1.盒子模型的組成 1.width 內容寬度 padding 內邊距 border 邊框 margin 外邊距 2.邊框 邊框有三部分組成 border 邊框大小 邊框樣式 solid 實線 d...