Android中marigin和padding的区别

本文通过图解方式详细介绍了网页设计中的盒模型概念,包括margin、padding、border等关键属性及其相互关系,帮助读者更好地理解并应用于实际CSS布局设计。

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

图解margin、padding、border属性
这里写图片描述

W3C组织建议把所有网页上的对象都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对象包括段落、列表、标题、图片及层。盒模型主要定义四个区域:内容(content)、内边距(padding)、边框(border)和外边距(margin)。对于初学者,经常会搞不清margin,background-color、backgroud-image、padding、content、border之间的层次、关系和相互影响。这里提供一张盒模型的3D示意图,希望便于你的理解和记忆。

这里写图片描述

margin:层的边框以外留的空白
background-color:背景颜色
background-image:背景图片
padding:层的边框到层内容之间的空白
border:边框
content:内容
接下来将树HTML和CSS的关键–盒子模型(Box model)。理解Box model的关键便是margin和padding属性,而正确理解这两个属性也是学习使用css布局的关键。

注:为什么不翻译margin和padding?
原因1:在汉语中并没有与之对应的词语
原因2:即使有这样的词语,由于在编写css代码时,必须使用margin和padding,如果我们总用汉语来代替其解释的话,到了实际应用时候容易混淆margun和padding的概念。

转载自:http://www.cnblogs.com/linjiqin/p/3556497.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值