前端:margin、padding、float一篇文章彻底理解

系列文章目录

margin —— 意思是 边距

在这里插入图片描述
正常情况下盒子之间实惠互相重叠在一起的
我们还可以根据谷歌浏览器自带的调试工具看到margin、padding的具体值,注意浏览器一般都会有默认的或者容错值
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

margin的4个取值

在这里插入图片描述

padding —— 意思是填充

在这里插入图片描述
其实就是跟它的名字一样,就是填充
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

float —— 意思是浮动

意思就是让盒子浮起来
如下
在这里插入图片描述
在这里插入图片描述

总结 —— 这些玩意要自己敲一下,然后去谷歌浏览器里面调一调就很好理解了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值