padding在html中怎么用,web里padding
html中div的外边距和内边距都是什么意思，怎么设置
内边距padding的意思是： 边框与内容之间的距离。
外边距margin的意思是：边框与边框之间的距离。
拓展资料
外边距margin
左边距 margin-left:数值 | autoauto:即距离这个边最远的距离；
右边距: margin-right:数值 | auto；
上边距: margin-top:数值 ?，这里不能用auto；
下边距: margin-bottom:数值 这里也不能用auto；
外边距的复合写法
1、margin: 0px(上) 0px(右) 0px(下) 0px(左)；
2、margin: 0px(上) 0px(左右) 0px(下)；
3、margin: 0px(上下边距) 0px(左右边距)；
4、margin: 0px(上下左右边距都是0px)；
例子：
内边距padding
padding属性定义元素的内边距。padding 属性接受长度值或百分比值，但不允许使用负值。
按照上、右、下、左的顺序分别设置各边的内边距，各边均可以使用不同的单位或百分比值，例如：
h1 {padding: 10px 0.25em 2ex 20%;}
内边距也通过使用下面四个单独的属性，分别设置上、右、下、左内边距
padding-top 上内边距；
padding-right 右内边距；
padding-bottom 下内边距；
padding-left 左内边距；
例如：
h1 {
padding-top: 10px;
padding-right: 0.25em;
padding-bottom: 2ex;
padding-left: 20%;
}
在html中margin跟padding是什么意思？
margin的定义和用法：
这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。
块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。
例如：设置 p 元素的 4 个外边距：
p
{
margin:2cm 4cm 3cm 4cm;
}
例1：
margin:10px 5px 15px 20px;
上外边距是 10px
右外边距是 5px
下外边距是 15px
左外边距是 20px
例2：
margin:10px 5px 15px;
上外边距是 10px
右外边距和左外边距是 5px
下外边距是 15px
例3：
margin:10px 5px;
上外边距和下外边距是 10px
右外边距和左外边距是 5px
padding的定义和用法：
padding 属性设置元素的内边距。
padding 属性定义元素边框与元素内容之间的空间。
该属性可采取 4 个值：
如果规定一个值，比如 div {padding: 50px} - 所有四个边的 padding 都是 50 px。
如果规定两个值，比如 div {padding: 50px 10px} - 上下内边距是 50 px，左右内边距是 10 px。
如果规定三个值，比如 div {padding: 50px 10px 20px} - 上内边距是 50 px，左右内边距是 10 px，下内边距是 20 px。
如果规定四个值，比如 div {padding: 50px 10px 20px 30px} - 上内边距是 50 px，右内边距是 10 px，下内边距是 20 px，左内边距是 30 px。
一个关于html的padding问题
padding是内边距 既然W3C有内边距的设定 那内边距就是根据原有div的宽度 增加设定的内边距，所以不必纠结这个问题，其实你用火狐看下可以很明白的看出，原有宽度是保留的（浅蓝色），增加设定的内边距也就是padding是紫色的，黄色的是外边距margin。也就是说肉眼看上去DIV的宽度就是原有宽度+padding设定值。
Html代码padding是什么意思
这是css中的内边距，就好比你刚买手机的时候，你从外边看到一个盒子，但是打开的时候里面还有一层泡沫，泡沫里面才是手机，那层泡沫就可以理解为padding