css盒子模型的內(nèi)邊距屬性是margin,bottom是什么意思?
padding是內(nèi)邊距的意思,margin是外邊距,bottom是底部的意思,比如一個盒子,盒子里面的內(nèi)容距離盒子下方的距離
margin和padding是什么意思?
margin 是外邊距 padding是內(nèi)邊距 這兩個屬性都包括四個部分:上、右、下、左 margin跟padding是很常見的屬性,瀏覽器都兼容的 所以缺點沒有, 只是在IE6里 float跟margin并存的時候,有可能margin的值在IE6會被解析雙倍,比如margin:5px; 到了IE6解析成margin:10px; 還有很重要的一點,做網(wǎng)站時,整個頁面都需要調(diào)用的樣式表最頂部都要寫上margin:0; padding:0; 目的是讓這兩個屬性的值都默認(rèn)為0; 否則火狐瀏覽器上會默認(rèn)padding的值為20px; IE則相反的默認(rèn)margin為20px; 具體是多少像素我忘記了 只是給你做個比方
box的寬度含margin嗎?
不包含,border-box 告訴瀏覽器去理解你設(shè)置的邊框和內(nèi)邊距的值是包含在width內(nèi)的。也就是說,如果你將一個元素的width設(shè)為100px,那么這100px會包含其它的border和padding,內(nèi)容區(qū)的實際寬度會是width減去border + padding的計算值。設(shè)置 box-sizing: border-box; 后,簡言之:
盒子的寬度 = border + padding + width。
盒子的高度 = border + padding + height。
什么是盒子模型?
盒子模型本質(zhì)上是一個盒子,模型定義了盒的每個部分,包括:
外邊距、邊框、內(nèi)邊距、實際內(nèi)容 —— 這些合在一起就變成了我們在頁面上看到的內(nèi)容。
完整的盒子模型應(yīng)用于塊級盒子,而內(nèi)聯(lián)盒子只使用盒模型中定義的部分內(nèi)容。
1.Content box:內(nèi)容區(qū)域。2.Padding box:內(nèi)邊距,內(nèi)容區(qū)域外部的空白區(qū)域。
3.Border box:邊框,包裹內(nèi)容和內(nèi)邊距。
4.Margin box:外邊距,是盒子和其它元素之間的空白區(qū)域。