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畫素的邊框並給邊框...