css初学者:margin和padding
日期:2009-06-15作者:admin
刚开始接触div+css的时候对margin和padding着实的困惑了一阵子,到网上搜,大师们也通常就一句话:margin是外边距,padding是内边距。看了以后还是很迷茫。下面说说我对它们的理解:

这里暂且忽略容器的border,看了图想必大家都明白了margin和padding。有一点需要注意的是:当你定义一个容器的宽度和高度时候,border和padding会附加在外面。意思是包括了边框和内边距。
比如,如果#box定义的高度是100px,你想改变文本(h2--蜗爱css)内边距的上边距为padding-top:10px;这时候#box的高度是110px。如果想#box的高度不变,要改#box的高度为90px。

这里暂且忽略容器的border,看了图想必大家都明白了margin和padding。有一点需要注意的是:当你定义一个容器的宽度和高度时候,border和padding会附加在外面。意思是包括了边框和内边距。
比如,如果#box定义的高度是100px,你想改变文本(h2--蜗爱css)内边距的上边距为padding-top:10px;这时候#box的高度是110px。如果想#box的高度不变,要改#box的高度为90px。
[本日志由 woniu 于 2009-06-19 02:13 PM 编辑]
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: 盒模型css初学者marginpadding
相关日志:
文章来自: 本站原创
Tags: 盒模型css初学者marginpadding
相关日志:
评论: 0 | 引用: 0 | 查看次数: -
发表评论

上一篇
下一篇
