margin和 padding 的区别.

本文介绍了HTML中盒模型的两个核心概念:margin与padding的区别及应用。margin用于设置元素间的外边距,确保页面布局整洁有序;padding则定义了元素内容与其边框之间的内边距,给予内容足够的显示空间。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

由于自己在前端方面没有过多的学习,所以以下为网络搜集到的资料.

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

    margin和padding是在html中的盒模型的基础上出现的,margin是盒子的外边距,即盒子与盒子之间的距离,而padding是内边距,是盒子的边与盒子内部元素的距离。

上边距:margin-top,
下边距:margin-bottom,
左边距: margin-left,
右边距:margin-right
padding同上.
这里只做一些简单的介绍,不深究.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值