内边距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%;
}
外边距,意思是标签(如div)距离其父节点上下左右的距离;
如