css 中,margin 指定元素與周圍元素的距離,padding 指定元素內(nèi)容與元素邊界的距離。兩者默認(rèn)值均為 0,margin 影響元素邊框之外的區(qū)域,而 padding 影響邊框之內(nèi)區(qū)域。
CSS 中 margin 和 padding 的區(qū)別
開(kāi)門見(jiàn)山:
margin 和 padding 是 CSS 中用于控制元素周圍空間的兩個(gè)不同的屬性。margin 規(guī)定元素與周圍元素或?yàn)g覽器的邊界的距離,而 padding 規(guī)定元素內(nèi)容與元素邊界的距離。
詳細(xì)解釋:
margin
指定元素與周圍元素或?yàn)g覽器邊緣的距離。
可以有四個(gè)值(上、下、左、右),或一個(gè)值應(yīng)用于所有四個(gè)方向。
默認(rèn)值為 0。
正值會(huì)使元素遠(yuǎn)離周圍元素,而負(fù)值會(huì)使其靠近周圍元素。
padding
指定元素內(nèi)容與元素邊界的距離。
也可有四個(gè)值,或一個(gè)值應(yīng)用于所有四個(gè)方向。
默認(rèn)值為 0。
正值會(huì)使元素內(nèi)容遠(yuǎn)離邊框,而負(fù)值會(huì)使其靠近邊框。
區(qū)別總結(jié):
特性 | margin | padding |
---|---|---|
作用 | 控制元素與周圍元素的距離 | 控制元素內(nèi)容與元素邊界的距離 |
默認(rèn)值 | 0 | 0 |
影響的內(nèi)容 | 元素邊框之外的區(qū)域 | 元素邊框之內(nèi)的區(qū)域 |