外邊距
大多數(shù)元素出現(xiàn)的間隔都是因?yàn)榇嬖谠赝膺吘啵O(shè)置外邊距會(huì)在元素外創(chuàng)建額外的空白管引,空白通常指不能放其他元素的區(qū)域,而且這個(gè)區(qū)域可以看到父元素的背景闯两。
常見(jiàn)的外邊框margin : top right bottom left 通常的順序會(huì)上 右 下 左
百分比和外邊距
可以對(duì)元素的外邊距設(shè)置百分比值褥伴,百分比是相對(duì)于父元素的width來(lái)計(jì)算的,如果沒(méi)有設(shè)置哦元素的width 則元素框的總寬度取決于父元素的width漾狼。
值復(fù)制
CSS 定義了一些規(guī)矩
p{
margin:.25em,1em
}
等同于
P{
margin: 0.25em 1em 0.25em, 1em
}
負(fù)外邊框和合并外邊框
結(jié)合使用正負(fù)外邊框會(huì)很有用重慢,例如,可以創(chuàng)造性地結(jié)合正負(fù)外邊距逊躁,是一個(gè)段落超過(guò)父元素似踱。
正常流中垂直相鄰?fù)膺吘鄷?huì)合并,如果給每一段落都設(shè)置Margin:15px 則會(huì)導(dǎo)致兩者之間只有15px的外邊距稽煤,如果外邊距沒(méi)有合并核芽,那么這兩個(gè)相鄰段落應(yīng)當(dāng)有30px。
邊框
元素外邊距就是元素的邊框酵熙,元素的邊框就是圍繞元素內(nèi)容和內(nèi)邊距的一條或者多條線轧简,因?yàn)楸尘安粫?huì)延伸到外邊距以內(nèi),而邊框就是外邊距內(nèi)部匾二。
border-: 3px solid gray;
內(nèi)邊距
元素框的內(nèi)邊距在邊框和內(nèi)容之間哮独。
padding: <length> | <percentage> | {1.4}
? 應(yīng)用于: 所有元素
? 百分比:相對(duì)于包含塊的width
? 說(shuō)明: 內(nèi)邊距絕對(duì)不能為負(fù)