css padding 与margin的区别

2016-02-19 16:12 0 1 收藏

在这个颜值当道，屌丝闪边的时代，拼不过颜值拼内涵，只有知识丰富才能提升一个人的内在气质和修养，所谓人丑就要多学习，今天图老师给大家分享css padding 与margin的区别，希望可以对大家能有小小的帮助。

【 tulaoshi.com - Web开发】

css padding 与margin的区别,下面我们来看看一张图片,然后再来具体的根据图片进行分析padding 与margin的区别何在吧

如上图,A,B两个方框,A代码padding,B代表margin,现在我们看A箭头与蓝色边框的距离,这就是padding叫做内边距,下面再来看看B外面的箭头与B之前的距离就是我们所说的margin的,叫做外间距,哈哈你现在应该明白了,什么是padding,什么是margin

来源:https://www.tulaoshi.com/n/20160219/1611346.html

上一篇：在Word2010文档中进行复制、剪切和粘贴操作
下一篇： word三线表怎么做

看过《css padding 与margin的区别》的人还看了以下文章更多>>

css padding 与margin的区别 02-19
CSS教程：详解margin和padding 02-19
CSS基础教程:margin和padding 02-19
CSS基础知识:padding与line-height的区别 02-19
padding与line-height的区别 02-19
css(div+span)padding的使用 02-19
CSS中 display 与 visibility 的区别 02-19
CSS中display与visibility的区别 01-29
CSS模型教程:boxes,borderes,margins和padding 02-20
外部引用CSS中 link与@import的区别 02-19

CSS教程：border:none;与border:0;的区别

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

这问题在网络相信已经有不少人问到，最近再次被牵起讨论，籍此记录一下个人的理解，border:none;与border:0;的区别体现有两点：一是理论上的性能差异二是浏览器兼容性的差异。性能差异【border:0;】把border设为0像素虽然在页面上看不见，但按border默认值理解，浏览器依然对border-width/border-color进行了渲染，即已经占用了内存值。 ...

CSS教程:DIV元素与SPAN元素的区别

标签： Web开发

首先讲两个概念，一个是行内元素，一个是块级元素。行业元素是指该元素标记的内容不不会对现在的结构造成影响，属于应用样式，辅助应用样式表等作用；而块级元素为一个块状，单独占据一行，相当于在一个该元素前后各加一个换行。两者最明显的区别是：DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注...

CSS网页布局问题:li上多出的margin问题

标签： Web开发

不知道大家知道这个问题不，在ie6的情况。假如ul中的li被设置了浮动，而ul本身有设置padding-top.你会发现li无端端多出了根ul的padding-top一样宽的margin-top(在浮动的li元素的数目已使分行的时候出现)。解决方法： 1.请不要设置ul的padding，可以用margin代替，实在不行只能嵌套解决。 2.给ul设置zoom:1;overflow:hidden 3.设置ul的...

CSS教程:Firefox浏览器下margin-top问题

标签： Web开发

很早之前就有发现这个问题，也慢慢的摸索出了一些避免这个问题的规律，但是因为比较懒，迟迟没有细究原因，今天再次遇到，忍无可忍...一探究竟。长出现两种情况（一）margin-top失效先看下面代码： div div class="box1" float:left/div div class="b...

CSS教程:css组合与CSS嵌套的写法

标签： Web开发

CSS组合你不必重复有相同属性的多个选择符，你只要用英文逗号（,）隔开选择符就可以了。比如，你有如下的代码： h2 { color: red; } .22333 { color: red; } .22333com { color: red; } 则你可以这样写： h2,.22333,.22333com { color: red; } 使用组合，你可以一次定义多个CSS，为你节省很多字节和时间。 CSS嵌套 ...

查看更多精彩>>