css中margin和padding的區別

1樓：匿名使用者

盒模型的外邊距和內邊距：

margin是對外的，padding是對內的。

margin 在一個宣告中設定所有外邊距屬性。

margin-bottom 設定元素的下外邊距。

margin-left 設定元素的左外邊距。

margin-right 設定元素的右外邊距。

margin-top 設定元素的上外邊距。

2.margin樣式的簡寫方式，padding同理：

例子 1

margin:10px 5px 15px 20px;

上外邊距是 10px

右外邊距是 5px

下外邊距是 15px

左外邊距是 20px

例子 2

margin:10px 5px 15px;

上外邊距是 10px

右外邊距和左外邊距是 5px

下外邊距是 15px

例子 3

margin:10px 5px;

上外邊距和下外邊距是 10px

右外邊距和左外邊距是 5px

例子 4

margin:10px;

所有 4 個外邊距都是 10px

2樓：匿名使用者

通俗地說——

padding 就是內容與邊框的距離；

margin 就是邊框與其他元素的距離。

3樓：千鋒教育

一、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; 上、右、下、左內邊距

二、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; 上、右、下、左外邊距

css中margin和padding的區別

4樓：青鳥中關村專家

margin指的是外邊距，padding指的是內邊距。

外邊距就是指盒子與頁面之間的距離

內邊距就是內容與盒子之間的距離

上圖就把內外邊距的卻別表示出來了

5樓：每日打卡營

如上圖margin指的是外部邊距，如上圖：粉色區域。

padding指的是內部邊距。如上圖：綠色區域

6樓：好程式設計師

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

三、margin和padding的區別用圖表示為

css中margin和padding的區別？

7樓：嘩嘩嘩嘩

區別如下：

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的區別

CSS中margin和padding的區別

CSS中margin和padding的區別

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

css中margin和padding的區別

CSS中margin和padding的區別

CSS中margin和padding的區別

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

相關推薦