`
bleach0608
  • 浏览: 61687 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

padding与margin

    博客分类:
  • CSS
阅读更多
才开始接触css,一直感觉padding与margin不好理解,现在经过一下午的研究,终于有点眉目.
padding(内补丁)在css中文手册中定义为:检索或设置对象四边的补丁边距
其实就是对顶部,右侧,底部,左侧的内部填充.
margin(外补丁)在css中文手册中定义为:检索或设置对象四边的外延边距
比如,定义了一个div,一个p,p在div的内部.当p元素的margin设置后,发现就是拉近了p与div之间的距离.

参考:http://www.cainiao8.com/web/css_lab/css_lab.html

注意:细心的你可能会发现我们使用了padding-right而不是margin-right,这是因为IE的怪毛病不少,它会在不定的地方无法正确显示margin-right/left属性,所以使用了padding(间隙,Dreamweaver中又被称为填充)属性。
  作者提示:希望大家在以后的css编写过程中,尽量使用padding属性,以免造成浏览器调试麻烦。
分享到:
评论

相关推荐

    android_中_padding与margin

    ### Android中的Padding与Margin详解 在Android开发过程中,布局设计是一项非常重要的工作。合理的布局能够提升应用的用户体验,而`padding`与`margin`作为控制视图间距的关键属性,在实现美观且符合逻辑的设计中...

    css中padding、margin两个重要属性的详细介绍及举例说明

    ### CSS中的Padding与Margin属性详解 #### 一、引言 在前端开发中,CSS(层叠样式表)是用于定义HTML文档外观的核心技术之一。其中,`padding`与`margin`是两个至关重要的属性,它们直接影响着网页元素的空间布局...

    Css padding和margin区别

    这个一个CSS padding和margin的例子,对初学者很有帮助的哦~ .divcss3{border:1px solid #F00;width:400px;margin-left:15px; padding-left:35px;} .box2 { margin-left:10px; padding-left:15px; width:300px...

    HTML中padding和margin的区别,代码加详解

    `#text` 元素的 padding 设置为 `20px 40px`,margin 设置为 `20px`,这意味着元素内容与边框之间的距离为 `20px`,水平方向上元素与其他元素之间的距离为 `40px`,垂直方向上元素与其他元素之间的距离为 `20px`。...

    padding和margin区别

    padding和margin区别 padding和margin区别 padding和margin区别padding和margin区别

    css中padding和margin的异同点介绍

    一、padding 1、语法结构 (1)padding-left:10px; 左内边距 (2)padding-right:10px; 右内边距 (3)padding-top:10px; 上内边距 (4)padding-bottom:10px; 下内边距 (5)padding:10px; 四边统一内边距 (6)...

    Alignment、Margin 和 Padding 概述

    通过对 `HorizontalAlignment`、`VerticalAlignment`、`Margin` 和 `Padding` 这些属性的理解与运用,我们可以更加灵活地控制 WPF 应用程序中的元素布局。这些属性的巧妙结合能够帮助开发者创造出既美观又实用的用户...

    CSS的margin和padding

    **CSS的margin和padding详解** **Margin是什么** 在CSS中,`margin`是一个非常重要的属性,它用于定义元素周围的空间,即元素与元素之间或元素与容器边界的距离。`margin`是透明的,不会影响元素本身的颜色或背景...

    各浏览器padding、margin的差异

    在网页设计与开发过程中,经常遇到的一个问题是不同浏览器对CSS属性(如`padding`和`margin`)的解释存在差异。这种差异可能导致页面布局在不同浏览器中的表现不一致,进而影响用户体验。本文将详细探讨各浏览器中`...

    css常用的网页布局样式属性.pdf

    Padding与Margin一样,可接受长度、百分比值,且可单独设置每个边的内边距。 通过熟练掌握Position、Float、Margin和Padding,开发者可以创建出各种复杂而美观的网页布局,适应不同设备和屏幕尺寸。理解并合理应用...

    div宽度设置width:100%后再设置padding或margin超出父元素的解决办法

    在网页布局设计中,我们经常会遇到这样一个问题:当一个元素(如`div`)的宽度设置为`width: 100%`时,如果再添加`padding`或`margin`,元素的总尺寸会超出其父元素的宽度,导致布局混乱。为了解决这一问题,我们...

    你真的了解margin吗?你知道margin有什么特性吗?

    有关padding与margin的区别,padding是内边距,它位于元素的边框和内容之间。不同于margin,padding不会影响到元素外的其他元素。所以,在需要对元素内部进行空间调整时,应优先选择padding。 另一个需要理解的概念...

    Android中gravity、layout_gravity、padding、margin的区别小结

    在Android开发中,理解并熟练运用`gravity`、`layout_gravity`、`padding`和`margin`是非常关键的,它们决定了视图(View)在布局(Layout)中的位置和内部元素的间隔。下面将详细阐述这四个概念的区别和用法。 ...

    需要掌握的八个CSS布局技巧

    padding是元素与其内部内容之间的距离,而margin则是元素与其他元素之间的外部间距。 - **应用场景**:当需要调整元素内部内容与边框之间的距离时,应使用padding;而当需要控制元素与其他元素之间的距离时,则应该...

    CSS中margin和padding的区别浅析

    在CSS中margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。下面讲解 padding和margin常用的用法

    关于ol和ul的padding和margin默认值

    `padding`是元素内部边距,而`margin`是元素与周围元素之间的空白区域。 在《CSS Mastery》一书中提到,Internet Explorer (IE) 和 Opera 早期版本使用`margin-left`来设置列表项的缩进,而Safari和Firefox则使用`...

    盒模型的介绍,以及margin(外边距)padding(内边距)的使用.zip

    - **百分比值**:`padding`和`margin`可以使用百分比值,相对于父元素的宽度(对于`margin`,在大多数情况下是这样),这在响应式设计中非常有用。 - **自动值**:`margin`和`padding`可以设置为`auto`,这通常用于...

    css行内元素padding,margin,width,height没有变化

    由于这种布局差异,行内元素在设置一些CSS属性时表现得与块状元素大相径庭,特别在处理宽度(width)、高度(height)、内边距(padding)和外边距(margin)时。 一、行内元素与宽度 行内元素的宽度默认是根据内容...

Global site tag (gtag.js) - Google Analytics