margin和padding的区别(2)
来源:互联网 发布:音乐cms 编辑:程序博客网 时间:2024/05/21 06:48
margin和padding的区别
2009-08-24 15:10:13| 分类:DIV+CSS | 标签:|举报|字号大中小订阅
目前web2.0已经越来被人们认可,因为喜欢搞web开发的人员不得不硬着头皮去学习web2.0的标准,其中很重要的一条就是新的布局规则,div+css。以前基本上是用table布局的,这种传统的方式简单直观,但是这新的标准我学习起来时常找不到北。呵呵,就拿今天这个例子来说吧,很多朋友肯定也有我这种情况的,那我就从网上搜集一些例子出来,让个更多的人消除这种烦恼。
事例一:
css中padding和margin的区别
margin 外边距
border 边框
padding 内边距
也就是说 设置margin 那么他所占据的空白地方会是在边框外面
设置padding 他所占据的空白地方是在边框里面,图解一下就更清楚了。
如上图,A,B两个方框,A代码padding,B代表margin,现在我们看A箭头与蓝色边框的距离,这就是padding叫做内边距,下面再来看看B外面的箭头与B之前的距离就是我们所说的margin的,叫做外间距,哈哈你现在应该明白了,什么是padding,什么是margin吧?呵呵
事例二:
看看css盒模型,下图!margin是 DIV与周边元素的距离padding是 DIV里边内容与这个DIV的距离
0 0
- margin和padding的区别(2)
- padding和margin的区别
- margin和padding的区别
- margin和padding 的区别
- margin和padding 的区别
- margin和padding 的区别
- padding和margin的区别
- margin和padding的区别
- margin和padding的区别
- margin和padding的区别
- margin和padding的区别
- padding和margin的区别?
- margin和padding的区别
- margin和padding的区别
- margin和padding的区别
- margin和padding 的区别
- margin和padding的区别
- margin和padding的区别
- android工程下运行main方法的配置方法
- 浅谈网站收录量的影响因素
- 人生若只如初见
- 让ThinkPHP的Page.class.php支持简短分页路由
- 一个老程序员的教诲(3)
- margin和padding的区别(2)
- 常见国内开源镜像网站
- c程序设计语言习题1-9
- 数字电路(3) 第三章 逻辑设计
- Java中获取文件大小的正确方法
- C++重载类型转换操作符
- IT人该不该一直做技术呢
- 面试常见题---------java中抽象类跟接口的区别
- Qt系列-2、VS2010+QT5+opencv2.4用户界面第一个程序