margin表示元素的,margin表示什么属性

http://www.itjxue.com  2023-01-22 16:30  来源:未知  点击次数: 

CSS中margin和padding的区别

CSS中margin和padding的区别如下:

1、定义方面的区别:

边界(margin):元素周围生成额外的空白区。“空白区”通常是指其他元素不能出现且父元素背景可见的区域。

padding称为内边距,其判断的依据即边框离内容正文的距离,官方说法叫补白(padding):补白位于元素框的边界与内容区之间。很自然,用于影响这个区域的属性是padding。

2、功能方面:

margin是用来隔开元素与元素的间距;padding是用来隔开元素与内容的间隔。

3、效果方面:

margin用于布局分开元素使元素与元素互不相干;padding用于元素与内容之间的间隔,让内容(文字)与(包裹)元素之间有一段“呼吸距离”。

margin在html中什么意思

margin 是 CSS 语法,这个简写属性用于在一个声明中设置所有当前或者指定元素所有外边距的宽度,或者设置各边上外边距的宽度。

块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值,不过使用时要小心。

“margin”的语法结构:

(1)margin:5px auto 意思上下为5,左右平均居中

(2)margin-top: 20px 上外边距

(3)margin-right: 30px 右外边距

(4)margin-bottom: 30px 下外边距

(5)margin-left: 20px 左外边距

(6)margin:1px 四边统一边距

(7)margin:1px 1px 上下边距,左右边距

(8)margin:1px 1px 1px 上,左右,下边距

(9)margin:1px 1px 1px 1px 上,右,下,左边距

注释:允许使用负值。

以上内容参考:百度百科-margin

在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。

(责任编辑:IT教学网)

更多

推荐测评专题文章