`
firstboy
  • 浏览: 40560 次
  • 性别: 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

    margin在块元素、内联元素中的区别?什么时候该用padding而不是margin?你知道负margin吗?你知道负margin在实际工作中的用途吗?常见的浏览器下margin出现的bug有哪些?…… 写css,你少不了与margin打交道,而对于...

    CSS中margin和padding的区别浅析

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

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

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

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

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

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

    CSS代码简化在工作中是非常有益的,也是必要的。在编写CSS代码时,经常会出现冗余的代码,为了提高代码的质量及文件压缩到最小,使代码具有可读性,不得不把CSS代码简化。

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

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

    浅谈css margin重叠

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

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

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

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

    SASS-Margin-and-Padding-Starter:OOCSS的全局边距和填充结构

    创建接口时,最重要的部分之一就是间距( margin和padding )。 一致的单位对于Web应用程序的统一,平衡和节奏至关重要。 单位空间是为您的项目生成一致间距的基础,无论系统中可能需要多少变化。 Sass 3.3.x中内置...

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

    主要介绍了css行内元素设置padding,margin,width,height没有变化的解决方法,需要的朋友可以参考下

    CSS中margin边界叠加问题及解决方案

    本文主要介绍了CSS中margin边界叠加问题及解决方案。具有很好的参考价值。下面跟着小编一起来看下吧

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

    CSS边距属性定义元素周围的空间。通过使用单独的属性,可以对上、右、下、左的外边距进行设置。也可以使用简写的外边距属性同时改变所有的外边距。...——CSS权威指南 关于什么时候用margin什么时候用padding,

    dhy1994#Blog#何时使用margin和padding1

    1.需要在 border 外侧添加空白时 2.空白处不需要背景(色)时 3.上下相连的两个盒子之间的空白,需要相互抵消时,如 15px+20px 的 margi

    css盒子模型 css margin 外边框合并

    CSS 框模型概述 元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。...在 CSS 中,width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内

    细说CSS中margin属性的使用

    由内容边缘(Content edge)包围形成的是内容盒(Content Box),类推还有内边距盒(Padding Box)、边框盒(Border Box)、外边距盒(Margin Box)。其中内容盒、内边距盒、边框盒的背景由background属性决定,而...

Global site tag (gtag.js) - Google Analytics