css中的margin屬性，margin屬性的四種不同表示？
在css中使用margin可以將margin-top，margin-right，margin-bottom，margin-left，縮寫為一個標記，順序為上右下左（順時針）。如:margin: 20px 40px 60px 80px;（上20px；右40px；下60px；左80px。）
margin和padding有什么區別？
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”。
html中margin是啥意思？
在html中，margin的意思為“外邊距”，指的是圍繞在元素邊框的空白區域；設置外邊距會在元素外創建額外的“空白”，讓盒子與盒子之間有一個“空白”距離。設置外邊距需要使用css margin屬性，該屬性接受任何長度單位、百分數值甚至負值。
margin 屬性接受任何長度單位，可以是像素、英寸、毫米或 em。div與div之間的間距？
如何設置div之間距離的方法
1、新建一個html文件，命名為test.html，用于講解如何用css設置div與div之間的間距。創建兩個div，并分別設置其class屬性為div1，div2，主要用于下面對類名進行樣式的定義。使用css設置兩個div的寬高都為200px，并分別設置兩個div不同的背景顏色。
輸出結果為：
2、使用margin-top設置div的頂部與其他div的間距，例如，下面使用css設置了第二個div的頂部與第一個div的間距為10px。
輸出結果：
也可以使用margin-bottom設置div的底部與旁邊div的間距，例如，下面使用css設置了第一個div的底部與第二個div的頂部間距為10px。
輸出結果與上述示例相同。
3、使用margin 簡寫屬性在一個聲明中設置所有外邊距屬性。該屬性可以有 1 到 4 個值。
這個簡寫屬性設置一個元素所有外邊距的寬度，或者設置各邊上外邊距的寬度。
塊級元素的垂直相鄰外邊距會合并，而行內元素實際上不占上下外邊距。行內元素的的左右外邊距不會合并。同樣地，浮動元素的外邊距也不會合并。允許指定負的外邊距值，不過使用時要小心。
示例如下：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<style type="text/css">
div{
width:200px;
height:200px;
}
.div1{
background:red;
margin:0 0 20px 0;
}
.div2{
background:yellow;
}
</style>
<div class="div1">第一個div</div>
<div class="div2">第二個div</div>
</body>
</html>
輸出結果：
（學習視頻分享：css視頻教程）
以上就是css如何設置div之間距離的詳細內容。