margin和padding

何时应当使用margin

　　需要在border外侧添加空白时。　

　　空白处不需要背景（色）时。　

　　上下相连的两个盒子之间的空白，需要相互抵消时。如15px + 20px的margin，将得到20px的空白。

　　何时应当时用padding

　　需要在border内测添加空白时。　

　　空白处需要背景（色）时。　

　　上下相连的两个盒子之间的空白，希望等于两者之和时。如15px + 20px的padding，将得到35px的空白。

　　浏览器兼容性问题

　　在IE 5.x、IE6中，为float的盒子指定margin时，左侧margin可能会变成两倍的宽度。通过改用padding或指定盒子为display:inline可以解决.

时间： 2024-10-03 01:14:40

margin和padding的相关文章

CSS中Class与ID的区别，Margin与Padding的区别

核心提示:Class可以反复使用而ID在一个页面中仅能被使用一次.有可能在很大部分浏览器中反复使用同一个ID不会出现问题,但在标准上这绝对是错误的使用,而且很可能导致某些浏览器的现实问题. Class可以反复使用而ID在一个页面中仅能被使用一次.有可能在很大部分浏览器中反复使用同一个ID不会出现问题,但在标准上这绝对是错误的使用,而且很可能导致某些浏览器的现实问题. 这两个区别都是比较容易混淆的问题,尤其是Class与ID,相信很多人并没有仔细了解过之中区别.以下是我的一些理解: 1. Clas

详细学习CSS的Margin和Padding属性

css margin和padding用来隔开元素,margin是隔开元素与外边,padding是隔开元素里边. 例子h2: h2 { font-size: 1.5em; background-color: #ccc; margin: 1em; padding: 3em;} 元素四边可以设置的属性:margin-top, margin-right, margin-bottom, margin-left, padding-top, padding-right, padding

五 Margin和Padding

margin和padding用来隔开元素,margin是隔开元素与外边,padding是隔开元素里边. 例子,h2: h2 {font-size: 1.5em;background-color: #ccc;margin: 1em;padding: 3em;} 元素四边可以设置的属性:margin-top, margin-right, margin-bottom, margin-left, padding-top, padding-right, padding-bottom and padding

设置margin和padding为0可去掉DIV与DIV的空白

div中左右居中代码 text-align:center;(水平方向)vertical-align:middle;(垂直方向) line-height:30px;(30px是与设置的div的高度一样) 怎么样去掉DIV与DIV的空白状况描述: 1)<div>与<div>之间怎么有一条空白线? 2)div图片与图片之间的空白问题? 3)为什么div与div之间设置了margin:0; 和 padding:0; 但是还是在iE6下会有空白? 4) 我怎么把div之间的空白去掉? 5

CSS中margin和padding的两者对比与用法

CSS边距属性定义元素周围的空间.通过使用单独的属性,可以对上.右.下.左的外边距进行设置.也可以使用简写的外边距属性同时改变所有的外边距.--W3School 边界(margin):元素周围生成额外的空白区."空白区"通常是指其他元素不能出现且父元素背景可见的区域.--CSS权威指南 padding称呼为内边距,其判断的依据即边框离内容正文的距离,而我喜欢CSS权威指南解释的"补白"(或者叫"留白"),因为他很形象.补白(padding):

margin和padding的区别

惯例: 我是温浩然: 转载文章要在明显位置标注转载来源:http://www.studyofnet.com/news/35.html 在CSS中margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离.在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离. 下面讲解 padding和margin常用的用法一.padding 1.语法结构 (1)padding-left:10px; 左内边距 (2)padding-right:10px;

为什么不建议用*{margin:0;padding:0}?

问题描述为什么不建议用*{margin:0;padding:0}? 为什么不建议用*{margin:0;padding:0}? 有一种说法是通配符的破坏力太大, 但是既然所有用到的盒模型默认样式都是要清除掉的那么相比把用到的元素一个个的去清除默认盒模型样式,直接用通配符不是要方便的很多吗? 解决方案你加这个后,table设置的cellpadding,cellspacing都无效了,确认这是要的效果当然可以直接用这个样式解决方案二: 是表示针对HTML的所有元素. margin表示边框外

Class与ID区别 margin和padding区别 CSS学习笔记_经验交流

由于现在百分之99.99%的CMS都是用div+css来构建网页模板的,被逼无奈,一大把年纪了还要学习CSS,说实话没觉得用div来布局比table好在什么地方!但迫于行势,先硬着头皮看吧,能学多少是多少.根据数据与结构分离的原则,CSS最好要独立于网页文件,用复制代码代码如下: <link rel="stylesheet" type="text/css" href="../xxx/web.css" /> 语句将CSS文件调入网

CSS教程&nbsp;5、Margin和Padding&nbsp;[翻译Htmldog]

margin和padding用来隔开元素,margin是隔开元素与外边,padding是隔开元素里边. 例子h2: 代码如下复制代码 h2 { font-size: 1.5em; background-color: #ccc; margin: 1em; padding: 3em; } 元素四边可以设置的属性:margin-top, margin-right, margin-bottom, margin-left, padding-top, padding-ri

css中margin和padding用法区别介绍

用margin还是用padding这个问题是每个学习CSS进阶时的必经之路. CSS边距属性定义元素周围的空间,通过使用单独的属性,可以对上.右.下.左的外边距进行设置,也可以使用简写的外边距属性同时改变所有的外边距. 边界(margin):元素周围生成额外的空白区,"空白区"通常是指其他元素不能出现且父元素背景可见的区域. padding称呼为内边距,其判断的依据即边框离内容正文的距离,而我喜欢CSS权威指南解释的"补白"(或者叫"留白"),因