`
firstboy
  • 浏览: 41220 次
  • 性别: Icon_minigender_1
  • 来自: 徐州
社区版块
存档分类
最新评论

css中margin和padding的区别

阅读更多

MARGIN是指层的边框以外留的空白,用于页边距或者与其它层制造一个间距。"10px 10px 10px 10px"分别代表"上右下左"(顺时针方向)四个边距,如果都一样,可以缩写成"MARGIN: 10px;"。如果边距为零,要写成"MARGIN: 0px;"。注意:当值是零时,除了RGB颜色值0%必须跟百分号,其他情况后面可以不跟单位"px"。MARGIN是透明元素,不能定义颜色。 

 

 


 PADDING是指层的边框到层的内容之间的空白。和margin一样,分别指定上右下左边框到内容的距离。如果都一样,可以缩写成"PADDING:0px"。单独指定左边可以写成"PADDING-LEFT: 0px;"。PADDING是透明元素,不能定义颜色。

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...

    CSS的margin和padding

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

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

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

    CSS中margin和padding的区别浅析

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

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

    HTML 中的 padding 和 margin 是两个常用的 CSS 属性,它们都是用于控制 HTML 元素的布局和样式的,但它们之间存在着明显的区别。 首先,让我们来了解一下 padding 属性。padding 属性用于设置 HTML 元素的内边距,...

    Class与ID区别 margin和padding区别 CSS学习笔记

    CSS学习笔记 - Class与ID区别、margin和padding区别 在CSS学习中,有两个非常重要的概念:Class与ID和margin与padding。虽然它们都是CSS中的基本概念,但是许多初学者却不知道它们的区别和使用场景。 Class与ID...

    css中margin属性详细分析.docx

    在CSS中,margin属性是一个至...总之,理解并熟练掌握CSS中的margin属性是每个前端开发者的基本功,它涉及到元素布局、间距控制以及视觉设计等多个方面,通过深入学习和实践,我们可以创建出更加灵活和美观的网页布局。

    css下margin、padding、border、background和font缩写示例

    本文将详细介绍如何对`margin`、`padding`、`border`、`background`和`font`等属性进行缩写,以及在特定情况下的使用技巧。 首先,`margin`属性用于设置元素的外边距,它有四种可能的值:上、右、下、左。当所有...

    css中padding和margin的异同点介绍

    CSS中的padding(内边距)和margin(外边距)是控制网页布局中元素之间距离的关键属性。本文将从语法结构、可能取的值、浏览器兼容性等方面详细介绍padding和margin的异同点,并结合图示提供直观的理解。 一、...

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

    在本段中,我们将详细探讨如何通过调整margin和padding属性来消除之间的空白间隙,以及使用overflow:hidden来进一步处理可能的问题。 首先,我们需要了解margin和padding的含义及其作用。margin指的是元素边框与其...

    浅谈css margin重叠

    父子元素margin重叠 ...以上这篇浅谈css margin重叠就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。 原文地址:http://www.cnblogs.com/lj1028/p/5683253.html

    css中子元素设置margin-top为什么影响了父元素

    本文介绍了css中子元素设置margin-top为什么影响了父元素,分享给大家,具体如下: <style type="text/css"> *{ margin: 0px; padding: 0px; } .show{ margin: 0px auto; width: 200px; height: ...

    常用元素默认margin和padding值问题探讨

    总结来说,对于CSS中的margin和padding属性,开发者应该具备对它们的深入理解,并且在项目开发中,要特别注意检查并管理这些值。无论是使用预定义的CSS框架,还是编写自定义样式,正确地处理这些值都是确保跨浏览器...

    margin,padding综合运用,用途:适合新手学习

    前端新手网页练习,内容关键词:H5,HTML5,CSS,技术关键词:div,margin,padding,用途:一个完整的页面代码,包含css样式,适合新手学习。html+css实现简单网页效果源码,尚且没有复杂的后台,给前端新手学习之用。

    CSS深入学习之让你认识不一样的margin

    整体来看,文章通过实例和详细描述,对CSS中的margin属性进行了深入的剖析,旨在帮助读者更好地理解和掌握margin属性的使用技巧和最佳实践。掌握margin的高级应用是提高CSS布局能力的关键,同时,了解和处理margin...

    CSS 之margin知识点(必看)

    CSS中的margin属性是用于设置元素边界的外部空间,它是CSS...以上是对CSS中margin知识点的详细解析,希望能够对读者在实际开发中有一定的帮助,也期望大家能够深入理解这些概念,以更好地运用CSS进行网页设计和开发。

    CSS边距属性定义是用margin还是用padding的两者对比

    在CSS布局中,边距(margin)和内边距(padding)是两个非常重要的属性,它们用于控制元素的空白区域,对于网页设计的布局和视觉效果有着显著的影响。接下来我们将详细探讨这两个属性的区别以及在何时应该使用它们。...

    CSS在不同浏览器中兼容问题

    * 并列排列的多个元素(图片或者链接)中的空格和回车会造成元素之间的间隙,Firefox 和 IE 中显示不同,解决方法是设置合适的 margin 和 padding 二、CSS 代码的不规范问题 * 对不规范代码的兼容情况不同,IE 中...

Global site tag (gtag.js) - Google Analytics