盒子模型的組成
margin 外邊距 盒子與盒子之間的距離
border 邊框 包裝盒
padding 內邊距 填充物
content 內容 買好的東西
1.margin 合起來寫的屬性
4個
當你寫乙個的時候，四個全部相同
兩個的時候，上右，對邊補齊
三個的時候，上右下，對邊補齊
margin-top margin-right margin-bottom margin-left
這四個屬性可以單獨的拿出來寫
2.border 邊框 合寫的屬性
border-color 顏色
border-top-color: ;
border-left-color:
border-style 樣式
也分上下左右
border-width 寬度
也分上下左右
寫的時候不需要區分順序
3. padding
上右下左
對邊補齊
定義的width和height只是content部分
padding和border會把盒子撐大
盒子的大小 content+padding+border
例項今天星期三
結果
html盒子模型 jquery盒子模型
最近學了jquery的盒子模型之後，感覺真的顛覆我之前對盒子模型的看法，我在最初以為盒子模型只存在於html,我們就來看看他們有何區別。1.html盒子模型 如果說js裡面萬物皆是物件，那麼html裡面的萬物皆是盒子。不是盒子的我們也可以用dispiay block 變成盒子。那他的盒子是怎麼計算的...
html盒子模型
什麼是css的盒子模式呢？為什麼叫它是盒子？先說說我們在網頁設計中常聽的屬性名 內容 content 填充 padding 邊框 border 邊界 margin css盒子模式都具備這些屬性。這些屬性我們可以把它轉移到我們日常生活中的盒子 箱子 上來理解，日常生活中所見的盒子也具有這些屬性，所以叫...
html盒子模型
在css中有乙個需要了解的東西，那就是盒子模型，這是css看待元素的一種方式。可以說頁面就是由乙個個盒模型堆砌起來的，每個html元素都可以叫做盒模型，盒模型由外而內包括 邊距 margin 邊框 border 填充 padding 內容 content 它在頁面中所佔的實際寬度是margin bo...