padding和margin有什麼區別呢

2021-03-19 18:31:10 字數 2652 閱讀 1611

1樓:匿名使用者

在css中margin是指從自身邊框到另一個容器邊框之間的距離,就是容器外距離。在css中padding是指自身邊框到自身內部另一個容器邊框之間的距離,就是容器內距離。 下面講解 padding和margin常用的用法

一、padding 1、語法結構 (1)padding-left:10px; 左內邊距 (2)padding-right:10px; 右內邊距 (3)padding-top:

10px; 上內邊距 (4)padding-bottom:10px; 下內邊距 (5)padding:10px; 四邊統一內邊距 (6)padding:

10px 20px; 上下、左右內邊距 (7)padding:10px 20px 30px; 上、左右、下內邊距 (8)padding:10px 20px 30px 40px; 上、右、下、左內邊距 2、可能取的值 (1)length 規定具體單位記的內邊距長度 (2)% 基於父元素的寬度的內邊距的長度 (3)auto 瀏覽器計算內邊距 (4)inherit 規定應該從父元素繼承內邊距 3、瀏覽器相容問題 (1)所有瀏覽器都支援padding屬性 (2)任何版本ie都不支援屬性值「inherit」

二、margin 1、語法結構 (1)margin-left:10px; 左外邊距 (2)margin-right:10px; 右外邊距 (3)margin-top:

10px; 上外邊距 (4)margin-bottom:10px; 下外邊距 (5)margin:10px; 四邊統一外邊距 (6)margin:

10px 20px; 上下、左右外邊距 (7)margin:10px 20px 30px; 上、左右、下外邊距 (8)margin:10px 20px 30px 40px; 上、右、下、左外邊距 2、可能取的值 (1)length 規定具體單位記的外邊距長度 (2)% 基於父元素的寬度的外邊距的長度 (3)auto 瀏覽器計算外邊距 (4)inherit 規定應該從父元素繼承外邊距 3、瀏覽器相容問題 (1)所有瀏覽器都支援margin屬性 (2)任何版本ie都不支援屬性值「inherit」 參考資料:

***/news/35.html 希望以上的回答能夠幫到你!

html中padding和margin屬性有什麼區別?

2樓:洗洗手漱漱口

盒子模型的這兩個屬性有根本性區別,比如設一個div的padding屬性,它的子標籤元素會相應移動。而設定它的margin屬性,這個div整個標籤會依據兄弟元素或父元素移動。

3樓:匿名使用者

padding 為節點內部距離. margin是外部距離.

4樓:匿名使用者

m_____p_______p____m

[<-- [--> <--] -->]

div+css裡padding和margin到底有什麼區別

5樓:匿名使用者

看看css盒模型,下圖!

margin是 div與周邊元素的距離

padding是 div裡邊內容與這個div的距離

6樓:匿名使用者

padding是讓div2距離

div1離有一段

距離margin是讓div2本身離瀏覽器邊距或專有一段距離

全為div形式的話,建議使屬用margin

7樓:勇氣和激情

padding是內撐

margin是外撐

margin和padding屬性的區別

8樓:武漢肥貓科技

margin 簡寫屬性在一個宣告中設定所有外邊距屬性。該屬性可以有 1 到 4 個值。

這個簡寫屬性設定一個元素所有外邊距的寬度,或者設定各邊上外邊距的寬度。

塊級元素的垂直相鄰外邊距會合並,而行內元素實際上不佔上下外邊距。行內元素的的左右外邊距不會合並。同樣地,浮動元素的外邊距也不會合並。允許指定負的外邊距值,不過使用時要小心。

註釋:允許使用負值。

border 簡寫屬性在一個宣告設定所有的邊框屬性。

可以按順序設定如下屬性:

border-width邊框寬度;

border-style邊框樣式;

border-color邊框顏色。

padding 簡寫屬性在一個宣告中設定所有內邊距屬性。

這個簡寫屬性設定元素所有內邊距的寬度,或者設定各邊上內邊距的寬度。行內非替換元素上設定的內邊距不會影響行高計算;因此,如果一個元素既有內邊距又有背景,從視覺上看可能會延伸到其他行,有可能還會與其他內容重疊。元素的背景會延伸穿過內邊距。

不允許指定負邊距值。

註釋:不允許使用負值。

9樓:星月小木木

如果邊框沒有顯示,而且沒有設背景**或背景顏色,

margin和padding看上去沒有區別。

margin是標籤和標籤之間的空白padding是標籤邊框和內容之間的空白

10樓:彤縈浦俊德

padding是內邊距

margin是外邊距

11樓:喜晴中鴻遠

不錯啊~樓上的回答是正確的

div css裡padding和margin到底有什麼區別

看看css盒模型,下圖!margin是 div與周邊元素的距離 padding是 div裡邊內容與這個div的距離 padding是讓div2距離 div1離有一段 距離margin是讓div2本身離瀏覽器邊距或專有一段距離 全為div形式的話,建議使屬用margin padding是內撐 marg...

和組詞有哪些詞語有哪些和組詞有哪些詞語

了組詞 知了 為了 罷了 瞭望 不了 了賬 了悟 除了 了卻 臨了 了局 終了 便了 得了 末了 了斷 公了 私了 了當 明瞭 瞭然 了了 了無 瞭解 完了 了事 了得 了結 窮了 算了 了知 夠了 照了 了完 了盡 吉了 未了 了收 了慧 甯了 了納 了見 閒了 分了 了吊 了樓 了辦 了劣 了達...

愉快和有趣有什麼相同和不同,有趣和愉悅有什麼區別?

愉快和有趣都是表示高興的詞,也常用形容一個人或動物或物體,愉快是形容人或物的心情,而有趣是形容人或物的相貌和性格 愉快 快樂,適意,心情愉悅。有趣 某事物讓人有興味,有趣味。愉悅是對主體而言 有趣主要是也可以對客體,可以說某事某物某人有趣。愉快指的是內心的感受,有趣指的是事物本身 有趣和愉悅有什麼區...