padding（padding 是什么意思）

本文目录

• padding 是什么意思
• CSS里的padding是什么意思
• 【css】内边距padding的属性和使用方法
• padding是什么意思
• css中padding是什么意思
• 有关盒模型中padding的使用
• margin和padding区别是什么
• 在程序中padding是什么意思
• padding属性

padding 是什么意思

padding
n.衬垫; 衬料; 赘语; 废话;
v.给…装衬垫，加垫子( pad的现在分词 ); 步行，放轻脚步走;
在html里面是css里面常用的一个属性，是用来 设置内边距属性的。

CSS里的padding是什么意思

Padding（填充）属性定义元素边框与元素内容之间的空间。

Padding属性设置元素所有内边距的宽度，或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算；因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。

当元素的 Padding（填充）（内边距）被清除时，所“释放“的区域将会受到元素背景颜色的填充。单独使用填充属性是在一个声明中设置元素的所内边距属性。缩写填充属性也可以使用，一旦改变一个数值，则padding对应的距离都会改变。

扩展资料：

可能的值：

auto：浏览器计算外边距。

length：规定以具体单位计的外边距值，比如像素、厘米等。默认值是 0px。

%：规定基于父元素的宽度的百分比的外边距。

inherit：规定应该从父元素继承外边距。

内外距离区别：

margin与padding如何进行区分，这是很多学html人的困扰，其实说白了padding 就是内容与边框的空隙。而margin则是模块与模块的空隙。

参考资料来源：百度百科-padding

【css】内边距padding的属性和使用方法

内边距处于父元素和子元素之间，设置在父元素上，可以理解成物品和盒子中间塞的那层泡沫塑料，使用padding属性。

padding后面可跟多个值，中间用空格分离，含义如下：

我们放置一个宽高为200px的红色大盒子，其中包着一个宽高为100px的粉色小盒子。

我们给大盒子设置一个内边距为50px。

我们会发现给父元素设置了一条左内边距后，它的宽度也被撑大了，这显然不是我们想要的效果，解决方法就是如果加了左内边距，就把父元素宽度缩小相应长度，比如我们刚刚增加了50px的左内边距，就把父元素宽度从200px变为150px，就能达到效果啦，其它方向也是一样的，比如加了上内边距就缩小高度。

下图就可以理解成一个盒子里面套了一个列表，中间有内边距：

我们再来看下面这个图案，由三个盒子和内边距绘制而成。
（盒子就可以替换成其它各种块元素，比如上图里面就是列表）

html：

css：

可以看到我省略了很多宽高。
（1）由于块元素默认宽度占一整行，高度由内容撑开，我们很多时候可以只给最外面的元素设置宽度，最内部的元素设置高度，其它省略，也能达到效果。
如图3-2-1中，我们只需要提供每个列表元素《li》的高度和外面大盒子的宽度即可，其它用内边距撑起或挤出。

（2）最终的高度和内部元素的宽度都是由最外元素宽度、最内元素高度和所有内边距撑起或者挤出来的。
如图3-3-2中：
中间橙色盒子的宽度=红色大盒子的宽度-红色大盒子的左右内边距
红色大盒子的高度=黄色小盒子的高度+橙色中盒子的上下内边距+红色大盒子的上下内边距。

以上操作仅针对块元素，对于内联元素， 左右内边距 是可以 正常使用 的，而 上下内边距 只能 延伸背景颜色 ，并不会把子元素挤到中间。

padding是什么意思

填充，覆盖。

padding

1、读音：英   

2、释义：覆盖。

3、语法：基本意思是“覆盖，遮盖”，既可表示无意地将某物放在某一物的上面，也可表示有意地隐藏、遮掩。

4、相关短语：padding bit填充位。

扩展资料

近义词：cover

1、读音：英   

2、释义：掩蔽，遮盖。

3、语法：cover作名词时，其基本意思是“盖子”“套子”“覆盖物”，指某具体事物的掩蔽物或外套，引申还可指书等的“封皮”“封面”，是可数名词。

4、用法例句：Get everything in writing in order to cover your back. 

5、白话译文：一切都要立字为据，以绝后患。

css中padding是什么意思

CSS中padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。
（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; 上、右、下、左内边距

有关盒模型中padding的使用

1: padding是长在内容和盒子之间的，在盒子内部。

2：padding是为了调整 子元素 在 父元素里面位置关系。

3：padding的特点：padding值会把盒子撑大。

4：如果想让盒子保持原有大小，需要在宽高的基础上减掉padding值；

【注】：（如果一个盒子没有设置固定的宽和高，添加padding是不用减的；

父元素对里面使用padding才需要减掉padding值；）

或者你不想这么这么麻烦，可以把盒模型转为怪异盒模型：box-sizing:border-box;

怪异盒模型的宽高包括padding值与边框值。

5：padding 设置方法（同margin）：

padding-left/right/top/bottom:;

padding 设置方法：

padding:1个值 四周

padding:2个值 上下 左右

padding:3个值 上 左右 下

padding:4个值 上右下左

6:注意 padding不能设置负值

margin和padding区别是什么

（你的意思我没有完全明白过来，所以可能我的了解和你的了解上有点分歧。）
margin和border影响都是对外的，就是说，在里面的表不会因为这两个值改变而改变。padding影响是对内的，会影响在其定义的表内部的表。
一、margin是和border的距离；
二、content距离最外层的div都是1px。如果margin为1,border为1，那么content距离margin还是1PX，因为border是会在原来大小上向外加上的。（这点你可以自己建两个div对比查看。像这样：《div style=“width:203px; height:50px; border:50px solid red“》《/div》
《div style=“width:203px; height:50px; border:1px solid red“》《/div》）
三、margin是对外的，padding是对内的，margin不影响内表，你的content大小是799，799。
四：margin和padding都有填充的意思。padding会让content范围缩小，而margin不会。
给你一个例子，复制到body里：（你可以把border放大来对比查看效果）
-------------------
《div style=“width:400px; height:400px; background-color:#CCFF66;border:blue 1px solid; position:inherit“》
《div style=“margin:10px; padding:10px; width:300px; height:300px; border:red 1px solid; background-color:#CCCCCC; position:inherit“》显示内容与红色线之间的距离就是padding定义的，红线与蓝线之间的距离就是margin定义的(以左上角为准)《/div》
《/div》

在程序中padding是什么意思

padding,字面意思是“填料；垫料“,  经常一起出现的还有margin ，边缘的意思。

这两词区别如下图，右下角，margin一般是按钮外部到框的距离， 而padding就是按钮内部到文字的距离

padding属性

品牌型号：AppleMac Book Pro 13.3
系统：macOS12.1

padding属性定义元素边框与元素内容之间的空间。padding 简写属性在一个声明中设置所有内边距属性。设置所有当前或者指定元素内边距属性。该属性可以有1到4个值。

当元素的 Padding（填充）（内边距）被清除时，所“释放“的区域将会受到元素背景颜色的填充。单独使用填充属性是在一个声明中设置元素的所内边距属性。缩写填充属性也可以使用，一旦改变一个数值，则padding对应的距离都会改变。padding:20px，表示四个方向的内边距都是20px；padding:20px 40px，表示padding-top和padding-bottom为20px，padding-right和padding-left为40px。