本文目录一览：
padding和margin的区别是什么？
padding和margin的区别为：指代不同、语法不同。
一、指代不同
1、padding：凑篇幅的文字。
2、margin：页边空白。
二、语法不同
1、padding：artifact consisting of soft or resilient material used to fill or give shape or protect or add comfort由柔软或有弹性的材料组成的人工制品，用于填充、塑造、保护或增加舒适度。-padding
2、margin：margin指书页的空白边缘,也可指物体的边缘。
margin同根词组：
adjust〔justify〕 a margin 调整页边空白。
allow a margin 允许误差。
keep〔leave〕 a margin 页边留下空白。
lower the margin 降低限度。
set a margin 固定好页边空白。
padding是什么意思？
填充，覆盖。
padding
1、读音：英 [ˈpædɪŋ] 美 [ˈpædɪŋ]
2、释义：覆盖。
3、语法：基本意思是“覆盖，遮盖”，既可表示无意地将某物放在某一物的上面，也可表示有意地隐藏、遮掩。
4、相关短语：padding bit填充位。
扩展资料
近义词：cover
1、读音：英 [ˈkʌvə(r)] 美 [ˈkʌvər]
2、释义：掩蔽，遮盖。
3、语法：cover作名词时，其基本意思是“盖子”“套子”“覆盖物”，指某具体事物的掩蔽物或外套，引申还可指书等的“封皮”“封面”，是可数名词。
4、用法例句：Get everything in writing in order to cover your back.
5、白话译文：一切都要立字为据，以绝后患。
CSS里的padding是什么意思？
Padding（填充）属性定义元素边框与元素内容之间的空间。
Padding属性设置元素所有内边距的宽度，或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算；因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。-padding
当元素的 Padding（填充）（内边距）被清除时，所"释放"的区域将会受到元素背景颜色的填充。单独使用填充属性是在一个声明中设置元素的所内边距属性。缩写填充属性也可以使用，一旦改变一个数值，则padding对应的距离都会改变。-padding
扩展资料：
可能的值：
auto：浏览器计算外边距。
length：规定以具体单位计的外边距值，比如像素、厘米等。默认值是 0px。
%：规定基于父元素的宽度的百分比的外边距。
inherit：规定应该从父元素继承外边距。
内外距离区别：
margin与padding如何进行区分，这是很多学html人的困扰，其实说白了padding 就是内容与边框的空隙。而margin则是模块与模块的空隙。
参考资料来源：百度百科-padding
padding深入理解
1 .css中box-sizing默认是content-box，所以添加padding会增加盒子的尺寸
2 .内联元素的padding不仅会影响水平方向，也会影响垂直方向。在水平方向上来看，会算到他的宽度里面，在流里面占据位置，影响下一个元素的位置。在垂直方向上来看，添加padding，不会影响下方元素的布局，仅仅会做重叠。-padding
1 .relative元素的定位。影响外部尺寸，padding。给父元素添加overflow:auto。如果超出之后是会有滚动标志出来的
2 .outline,盒阴影box-shadow。单纯视觉层叠，不会影响外部尺寸
1 .不影响当前布局的情况下，增大a标签的点击区域大小.默认情况下,a标签连接的点击高度是受font-size影响的和line-height没有关系。这种高度在移动端更是小，如果想要增大点击面积，需要使用如下样式-padding
2 .做一个分隔符
1 .不支持负值
2 .支持百分比，但是！！！padding的百分比无论是横向还是垂直方向，都是相对于自己的宽度计算的.如果是根据高度height计算的话，大部分height都是0，没啥意义。还不如相对于宽度计算，因为css默认的是水平流，计算值一定会有效-padding
应用：实现一个宽高比为5:1的固定头图效果:以为B站的顶图是这样的，原来不是.发现一个不一样的，他的height：0.935vw
1 .内联元素的padding是会断行的，内联元素的padding是跟着内联盒模型中的行框盒子走的。如果一行文字显示不下，去下一行，padding也会跟着下去，此时的padding就会覆盖上一行的元素-padding
2 .同时内联元素的padding会让幽灵空白节点出现.可以看出不是一个纯正方形
1 .ou,ul内置padding-left，单位是px。如果列表中的font-size大小很小，li元素的项目符号就会和ul,ol的左边缘距离很大.如果font-size很大，就会从左边超出去。视觉要求很高的话，可以用计数器。padding-inline-start: 40px;ul的这个属性决定距离的大小。实测变小问题不大，感觉变大问题大一些-padding
2 .表单内置的padding
3 .最难控制的button按钮：主要是一般没有这样操作的。用label完全表现button，但是这个要传id啊。还是要看下库是怎么实现的
4 .
1 .outline属性在一个声明中设置所有轮廓属性。但是输入框focus的时候特别的突出
2 .轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用
3 .廓线不会占据空间，也不一定是矩形.看起来像是一个很通用的属性
4 .轮廓与 边框 不同！不同之处在于：轮廓是在元素边框之外绘制的，并且可能与其他内容重叠。同样，轮廓也不是元素尺寸的一部分；元素的总宽度和高度不受轮廓线宽度的影响
1 .padding属性和background-clip属性。主要使用这俩
2 .图形1：实现一个菜单icon
2 .图形2：实现一个圆环
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，意为鞋底。-padding
2、margin：用作名词、及物动词。14世纪中期进入英语，直接源自古典拉丁语的margo，意为边缘的mereg，意为边缘，分界线。
三、侧重点不同
1、padding：侧重于指内边距。
2、margin：侧重于指外边距。
