margin-left和padding-left,Margin left

知道padding-left和margin-left的区别，但CSS中left和padding-left有什么具体区别呢？

css中Margin和padding属性的区别

margin：层的边框以外留的空白

padding：层的边框到层的内容之间的空白

padding-top padding-left padding-right padding-bottom

margin-top margin-left margin-right margin-bottom

上下左右间隙宽度相同

.d1 {padding:1cm}

.d1{margin:1cm}

也可以分别设置间隙 ，顺序 是上，右，下，左。

示例如下：

.d1 {padding：1cm 2cm 3cm 4cm}

.d1{margin：1cm 2cm 3cm 4cm}

上面的代码表示，上间隙为1cm，右间隙为2cm，下间隙为3cm，左间隙为4cm 。

样式padding-left和margin-left有什么区别?

边界margin和补白padding（依据国内出版社的翻译惯例，margin被翻译成边界，padding被翻译成补白，译者依照习惯翻译。但译者认为，margin翻译成外边距，padding翻译成内边距更为直白和形象。你可以依据自己的习惯来适应这两种不同的译法。——译者注）是隔开元素最常用的两个属性。边界是元素外边的距离，而补白则是元素内部的距离。

padding和margin的区别是什么？

主要是性质上的不同：

margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。（外边距）

padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。（内边距）

语法结构

（1）padding-left:10px; /margin-left:10px;　? 左内/外边距

（2）padding-right:10px; /margin-right:10px;?右内/外边距

（3）padding-top:10px; /margin-top:10px;?? ?上内/外边距

（4）padding-bottom:10px; /margin-bottom:10px;? ? ? ? ? ?下内/外边距

（5）padding：10px;/ margin:10px;?? ? ? ? ? ? ? ? ? ? ? ? ?四边统一内/外边距

（6）padding:10px 20px; /margin:10px 20px;??上下、左右内/外边距

（7）padding:10px 20px 30px;/margin:10px 20px 30px;?? ? ?上、左右、下内/外边距

（8）padding:10px 20px 30px 40px;/margin:10px 20px 30px 40px; 上、右、下、左内/外边距