margin和padding的区别
来源:互联网 发布:python推荐书籍 编辑:程序博客网 时间:2024/06/06 02:03
margin和padding的区别
目前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
- 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的区别
- padding和margin的区别
- 黑马程序员-代理类的作用与原理及AOP
- Lucene 示例
- 易协流程管理软件4.2.902.0版本发布
- 关于URL编码
- 设置TextView光标的位置
- margin和padding的区别
- 百度2015校园招聘软件开发笔试题
- sqlserver系统表
- 任何文件复制的函数
- myeclipse web项目不能显示Web App Libraries
- JAR打包命令详解
- Java NIO Socket通信
- ERROR 2002 (HY000): Can't connect to local MySQL server through socket '/var/run/mysqld/mysqld.sock'
- ubuntu spark install