前端padding和margin的区别,css中的padding和margin有什么区别

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; 上、右、下、左内/外边距

CSS中margin与padding的区别？

CSS中margin和padding的区别如下：

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

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

从图示中看得就会比较直观，可以很容易理解了

CSS是层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

怎样区分margin和padding

我们在进行网页制作时都会遇到为元素设定边距的情况，边距又分为内边距和外边距，即margin和padding.

查看元素的margin和padding我们需要借助Dreamweaver软件和火狐浏览器中的firebug插件。

margin和padding是在html中的盒模型的基础上出现的，margin是盒子的外边距，即盒子与盒子之间的距离，而pdding是内边距，是盒子的边与盒子内部元素的距离。

我们使用firebug查看html，当鼠标点击到相应的代码时，网页中的相应元素会变成蓝色，紧挨着的紫色元素是padding，

蓝色部分旁边的黄色部分是元素的margin值，在元素上方是margin-top，下方是margin-bottom,左边margin-left,右边margin-right。

6

我们还可以借助于firebug的“布局”选项查看各个元素的内外边框。也就是上面几张图的来源，我们打开一个网页，按下f12，在firebug中查看，然后鼠标选定html中的某个元素，点击右侧的布局。

7

这样我们看到的一个方框，方框中注明了外边距是多少，内边距是多少。

END

padding和margin的区别是什么?

区别就是用法不同：

padding的用法:

1、padding:10px 20px 30px 40px;上、右、下、左内边距。

2、padding-left:10px;左内边距。

3、padding-right:10px;右内边距。

4、padding-top:10px;上内边距。

5、padding-bottom:10px;下内边距。

6、padding: 10px;四边统一内边距。

margin的用法:

1、margin:10px 20px 30px 40px; 上、右、下、左外边距。

2、margin-left:10px;左外边距。

3、margin-right:10px;右外边距。

4、margin-top:10px;上外边距。

5、margin-bottom:10px;下外边距。

6、margin:10px;四边统一外边距。

padding与margin区别

padding与margin区是：意思不同，用法、词源不同，侧重点不同

一、意思不同

1、padding的意思是：衬料；衬垫； 赘语； 废话；凑篇幅的文字； (用软材料)填充，覆盖，保护；蹑手蹑脚地走；虚报(账目)； 做黑账

例句：

The shoe has?padding?around the collar, heel and tongue for added?comfort.

鞋子的鞋帮、鞋跟和鞋舌部位都有衬垫，以增加舒适度。

2、margin的意思是：边缘；余地；幅度；利润；差额；页边空白；定金；【商】原价和卖价之差； 加边于；为…付保证金

例句：

We came to the margin of the wood.

我们来到树林的边缘。

二、用法、词源不同

1、padding：pad的现在分词，用作名词、动词。用作及物动词时，意思是“填塞”，即“加垫子于； 填料于”，引申可作“拉长”解，接名词或代词作宾语。1554年进入英语，直接源自低地德语的pad，意为鞋底。

2、margin：用作名词、及物动词。14世纪中期进入英语，直接源自古典拉丁语的margo，意为边缘的mereg，意为边缘，分界线。

三、侧重点不同

1、padding：侧重于指内边距。

2、margin：侧重于指外边距。