padding与margin的理解
来源:互联网 发布:js百叶窗特效 编辑:程序博客网 时间:2024/05/22 22:27
今天阅读了一遍关于padding margin 的博客。很有用,原文链接http://www.hicss.net/use-margin-or-padding/(海玉博客).
另外一些负margin的应用博客:http://www.hicss.net/do-not-tell-me-you-understand-margin/,http://www.hicss.net/i-know-you-do-not-know-the-negative-margin/
http://www.topcss.org/?p=94
这里要注意一个问题,有时候在ie6显示不正常的现象,辞职就不要用清除浮动(fix)了
海玉为了更好理解,这样定于padding 与margin:
margin 是用来隔开元素与元素的间距;
padding 是用来隔开元素与内容的间距;
margin 用于布局分开是元素与元素互不相干;
padding 用于元素与内容之间的间隔,让内容(文字)与(包裹)元素之间有一段“呼吸距离”
何时用margin:
需要在border外侧添加空白时。
空白处不需要背景(色)时。
上下相连的两个盒子的空白,需要互相抵消时候,如15px + 20px 的margin,将得到20px的空白。
何时用padding:
需要在border内侧添加空白时。
空白处需要需要背景(色)时。
上喜爱相连的两个盒子之间的空白,需要等于两者之和时。如15px + 20px 的margin,将得到35px的空白。
- padding与margin的理解
- 怎么优雅的理解margin与padding
- margin与 padding的区别
- margin 与 padding的区别
- padding与margin的区别
- margin与padding的区别
- padding与margin的区别
- Margin与Padding的区别
- css的padding与margin
- Margin 与 Padding 的区别
- padding与margin的区别
- margin与padding的区别
- Margin 与 Padding 的区别
- margin与padding的区别
- padding与margin的区别
- margin与padding的区别
- padding与margin的区别
- padding与margin的区别
- hibernater将hql翻译成sql
- 07-使用循环进行遍历数组(运算符)
- ARM和X86之间为什么不太具有可比性的问题
- linux 无法连接内网、外网
- 国外学PS教程不得不知的40个网站
- padding与margin的理解
- 测试博客
- aboot阶段smem通讯
- 程序版本信息
- 南方手持机后处理-去动态标志.jpg
- MySql的基本用法(2)_常见的数据库操作
- 如何去学习
- 学无止境
- JSON(2):如何将一个java对象转换为一个符合json语法的字符串