Android中marigin和padding的区别

来源:互联网 发布:网络直销不合法 编辑:程序博客网 时间:2024/06/10 18:51

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

0 0
原创粉丝点击