CSS中margin和padding的區別

2021-05-23 19:46:11 字數 5750 閱讀 2925

1樓:迷你手工老張

css中margin和padding有以下三方面區別。

在css中margin是指從自身邊框到另一個容器邊框之間的距離,就是容器外距離。在css中padding是指自身邊框到自身內部另一個容器邊框之間的距離,就是容器內距離。

1、語法結構。

padding:

padding-left:10px; 左內邊距、padding-right:10px; 右內邊距、padding-top:

10px; 上內邊距、padding-bottom:10px; 下內邊距。

margin:margin-left:10px; 左外邊距、margin-right:

10px; 右外邊距、margin-top:10px; 上外邊距、margin-bottom:10px; 下外邊距。

2、可能取的值。

padding:length規定具體單位記的內邊距長度、%基於父元素的寬度的內邊距的長度、auto瀏覽器計算內邊距、inherit 規定應該從父元素繼承內邊距。

margin:length  規定具體單位記的外邊距長度、%基於父元素的寬度的外邊距的長度、auto瀏覽器計算外邊距、inherit 規定應該從父元素繼承外邊距。

3、瀏覽器相容問題。

padding:所有瀏覽器都支援padding屬性、任何版本ie都不支援屬性值「inherit」。

margin:所有瀏覽器都支援margin屬性、任何版本ie都不支援屬性值「inherit」。

2樓:育知同創教育

css中margin和padding的區別如下:

margin是指從自身邊框到另一個容器邊框之間的距離,就是容器外距離。

padding是指自身邊框到自身內部另一個容器邊框之間的距離,就是容器內距離。

從圖示中看得就會比較直觀,可以很容易理解了css是層疊樣式表(英文全稱:cascading style sheets)是一種用來表現html(標準通用標記語言的一個應用)或xml(標準通用標記語言的一個子集)等檔案樣式的計算機語言。

3樓:51cto學院

css中padding和margin的區別margin 外邊距

border 邊框

padding 內邊距

也就是說 設定margin 那麼他所佔據的空白地方會是在邊框外面設定padding 他所佔據的空白地方是在邊框裡面,**一下就更清楚了。

css中margin和padding的區別?

4樓:嘩嘩嘩嘩

區別如下:

margin是指從自身邊框到另一個容器邊框之間的距離,就是容器外距離。

padding是指自身邊框到自身內部另一個容器邊框之間的距離,就是容器內距離。

css是層疊樣式表(英文全稱:cascading style sheets)是一種用來表現html(標準通用標記語言的一個應用)或xml(標準通用標記語言的一個子集)等檔案樣式的計算機語言。

基本說明:

1、不翻譯margin和padding是由於在漢語中並沒有與之相對應的詞語; 即使有這樣的詞語, 由於在編寫css**時, 必須使用margin和padding, 如果總用漢語詞語代替其來解釋的話, 到了實際應用時容易混淆margin和padding的概念;

2、如果有一點html基礎的話,就應該瞭解一些基本元素,如p、h1~h6、br、div、li、ul、img等。如果將這些元素細分,又可以分別為頂級元素、塊級元素和內聯元素。塊級元素是構成一個html的主要和關鍵元素,而任意一個塊級元素均可以用box model來解釋說明。

在css中margin和padding作用是什麼???

5樓:匿名使用者

margin是對外bai

元素的距離,用來控du制元素本身的浮動位置zhi;margin-left:具體值dao

版; margin-bottom:具體值;

margin-right:具體值;

margin-top:具體值;

padding是對內元素,用來權控制元素內部元素的位置;

padding-left:具體值;

padding-bottom:具體值;

padding-right:具體值;

padding-top:具體值;

我給你解釋一下樓上的意思,margin是調節本身與周圍之間的距離,注意,調節的是本身

padding是調節內部元素與本身之間的距離,調節的不是本身舉個不恰當的例子吧:元素比作一隻鞋,margin是鞋與地面的距離,padding指的是腳與鞋之間的距離。

至於上下左右,我想你應該會懂了吧

6樓:懷念曾經

margin是對外bai邊距的

距du離,padding是內邊距的距離。zhi。daomargin

padding

樓主複製上面的

版**,自己看看,權

7樓:匿名使用者

margin是對外元素的距離

,用來控制元素本身的浮動位置;

margin-left:具體值版;

margin-bottom:具體值;

margin-right:具體值;

margin-top:具體值;

padding是對內元素,用權來控制元素內部元素的位置;

padding-left:具體值;

padding-bottom:具體值;

padding-right:具體值;

padding-top:具體值;

8樓:匿名使用者

盒子外面用margin,內部用padding.

9樓:僧奕聲練婉

具體值,margin是鞋與地面的距離。

至於上下左右,用來控制元素本身的浮動位置;

margin-top;

我給內你解釋一容下樓上的意思margin是對外元素的距離;

padding-bottom,用來控制元素內部元素的位置;

margin-bottom:元素比作一隻鞋:具體值:具體值:具體值;

padding-right;

margin-left:具體值:具體值;

padding-top;

margin-right,調節的不是本身

舉個不恰當的例子吧,注意,調節的是本身

padding是調節內部元素與本身之間的距離;

padding是對內元素;

padding-left:具體值,margin是調節本身與周圍之間的距離,padding指的是腳與鞋之間的距離:具體值

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

10樓:匿名使用者

看看css盒模型,下圖!

margin是 div與周邊元素的距離

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

11樓:匿名使用者

padding是讓div2距離

div1離有一段

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

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

12樓:勇氣和激情

padding是內撐

margin是外撐

2,css裡margin和padding有什麼區別

13樓:網際網路達人小

margin是外邊距、padding是內邊距

margin是外邊距

padding是內邊距

css中padding和margin的異同點介紹

14樓:baby_原來

一、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」

三、兩者的異同點,如圖所示:

css中margin和padding區別以及用途是什麼?剛學css被這兩個東西困擾了很久

15樓:ye偽善

一、margin屬性

css中的margin屬性為給定元素設定所有四個(上下左右)方向的外邊距屬性。margin是四個外邊距屬性設定的簡寫。四個外邊距屬性設定分別是:

 margin-top, margin-right, margin-bottom 和 margin-left。margin 屬性接受任何長度單位,可以是畫素、英寸、毫米或 px。

設定margin屬性的幾種方式:

1、同時設定給定元素的四個外邊距

//設定h1元素具有向上20px、向右30px、向下30px、向右20px的外邊距。

h1 //等價於 h1

h1 // 等價於 h1

h1 //等價於h1

3、設定單邊或多邊外邊距的語法

//設定向上外邊距為20px。

h1//設定上外邊距和左外邊距均為20pxh1二、padding屬性

padding屬性則是設定給定元素內邊距的屬性,它和margin屬性一樣也是四個內邊距屬性的簡寫,四個內邊距屬性分別是:padding-top、padding-right、padding-bottom、padding-left。它的使用方法與margin屬性的使用方法也是相類似的,這裡就不再說明了。

三、padding屬性和margin屬性的區別

css中margin和padding的區別

盒模型的外邊距和內邊距 margin是對外的,padding是對內的。margin 在一個宣告中設定所有外邊距屬性。margin bottom 設定元素的下外邊距。margin left 設定元素的左外邊距。margin right 設定元素的右外邊距。margin top 設定元素的上外邊距。2....

CSS中margin和padding的區別

一 padding 1 語法結構 1 padding left 10px 左內邊距 2 padding right 10px 右內邊距 3 padding top 10px 上內邊距 4 padding bottom 10px 下內邊距 5 padding 10px 四邊統一內邊距 6 paddin...

css中如何定義網頁寬度和位置,css中怎麼控制網頁的寬度

1 首先開啟hbuilder軟體,新建一個html檔案,寫入一個p標籤,裡面寫入一句話 2 然後在上方定義style標籤,修改body標籤的樣式,這裡用width屬性設定body的寬度為600畫素,高度設為1000,居中使用margin屬性,最後為了觀察效果最後在設定一個寬度為10畫素的邊框並給邊框...