css padding 与margin的区别

2016-02-19 16:12 3 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

来源:http://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的区别 01-29
CSS中 display 与 visibility 的区别 02-19
CSS模型教程:boxes,borderes,margins和padding 02-20
CSS网页布局问题:li上多出的margin问题 02-20

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

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

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

外部引用CSS中 link与@import的区别

标签： Web开发

这两天刚写完XHTML加载CSS的几种方式，其中外部引用CSS分为两种方式link和@import。本质上，这两种方式都是为了加载CSS文件，但还是存在着细微的差别。差别1：老祖宗的差别。link属于XHTML标签，而@import完全是CSS提供的一种方式。 link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等...

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

标签： Web开发

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

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

标签： Web开发

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

CSS IE 和 Firefox 的区别

标签： Web开发

Css 当中有许多的东西不不按照某些规律来的话，会让你很心烦，虽然你可以通过很多的hack，很多的!important 来控制它，但是你会发现长此以往你会很不甘心，看看许多优秀的网站，他们的CSS让IE6,Ie7,Firefox,甚至Safari,Opera运行起来完美无缺是不是很羡慕？而他们看似复杂的模版下面使用的Hack 少得可怜。其实你要知道IE 和 Firefox 并不不是那...

查看更多精彩>>