4.3盒子模型(2)padding属性和margin属性

padding属性和margin属性

在自定义盒子时,清除浏览器默认格式

在这里插入图片描述
在这里插入图片描述

顺时针确定数值,若省略则是与正对的边框取值相同

在这里插入图片描述
在这里插入图片描述

水平居中:margin属性可以设定盒子的水平居中,
(1)对于图片和文字,我们都可以用text-align属性来设置水平居中;
(2)对于div水平居中: margin:0 auto;我们把margin的值设置为两个,第一个就表示上下,可以根据需求自己设定,第二个表示左右,设置为auto,这时浏览器会自动根据外层盒子的宽度和div区域的宽度相减除以2,计算出来他的margin-right和margin-left,这时两个值相等,就有了一个居中的效果。 margin:0 auto;实际应用非常多。

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

应该是重定义

posted @ 2022-10-08 01:20  昔痕  阅读(6)  评论(0编辑  收藏  举报