Android中marigin和padding的区别

图解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

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值