margin和padding的区别？

最新推荐文章于 2024-07-09 11:31:12 发布
最新推荐文章于 2024-07-09 11:31:12 发布
阅读量489 收藏 2
点赞数 1
分类专栏： css 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hu_lanlan/article/details/78455807
版权

这里写图片描述

（1）margin位于border之外，是容器外边距，用来隔开元素与元素的间距，padding位于border之内，是容器内边距，用来隔开元素与内容的间隔

（2）margin允许重叠，padding不允许

（3）margin允许出现负值，padding不允许

hu_lanlan
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS中margin和padding的区别
wujian_csdn_csdn的博客
09-16 2880
区别如下： margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。 padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。 CSS是层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。 ...
Padding 和 Margin 的区别详解
最新发布
My_wife_QBL的博客
07-09 1143
padding属性用于设置元素内容与其边框之间的间距。换句话说，padding是元素内部的空间，它位于元素内容和边框之间。padding可以应用于元素的四个边（上、右、下、左），也可以分别设置每个边的值。margin属性用于设置元素与其相邻元素之间的间距。换句话说，margin是元素外部的空间，它位于元素边框与其他元素之间。margin同样可以应用于元素的四个边，也可以分别设置每个边的值。
第三章总结
niubige1的博客
06-16 345
【4】： margin-top、margin-right、margin-bottom 和 margin-left：上外边距、右外边距、下外边距与左外边距。<texI/>组件默认为行内元素，使用<view/ >及<text/>组件演示盒子模型及行内元素的示例代码如下。
margin 与padding的区别
abments的博客
07-09 318
margin：外边距，是指元素与其周围元素之间的距离。它定义在元素的外部，用来隔开元素与元素之间的空间。padding：内边距，是指元素内部的内容与元素边界之间的距离。它定义在元素的内部，用来隔开元素与内容之间的空间。
margin和padding的区别
09-10 3314
我们在进行网页制作的时候，会遇到margin和padding这两个元素。 边距分为内边距和外边距，即： padding：内边距 margin：外边距 如图所示，padding即内边距，它是指内部元素与盒子的边的距离；margin即盒子的外边距，即盒子与其他盒子的距离。 ...
margin 和 padding 分别适合什么场景使用？
weixin_47450807的博客
04-15 2942
一、写在前面 margin 和 padding 分别适合什么场景使用？
【margin和padding的区别】
xfxf996的博客
12-26 305
本文转载自：https://www.cnblogs.com/zxnn/p/8186225.html 作者：zxnn 转载请注明该声明。margin和padding的区别 margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。（外边距） padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。（内边距） 1、语法结构 （1）padding-left:1...
HTML之margin和padding的区别
qq_44829555的博客
05-21 1万+
想要理解margin和padding的区别，首先应该明白在进行网页制作时都会遇到设定边距的情况，边距又分为外边距（margin）和内边距（padding） margin的用法 1、设置距离同级标签的间距； 2、设置距离父标签的间距； 关于边距距离的设定，规则如下： margin: 20px;/*四周相同*/ margin: 10px 20px;/*10px上下 20px左右 */ margin: ...
HTML中margin、padding和border的区别
weixin_40317062的博客
01-17 1349
HTML中margin、padding和border的区别 原创 2016年11月25日 15:06:44 标签： html / border / padding / margin 2549 前端页面是需要给用户展示信息的，是离不开布局的，但是各个标签也不会挤在一起，有的标签距离很远有的很近，有的还有边框，这就需要调试出来了，其中margin、padding和border就是HTML中...
margin与padding的区别
hjw789的博客
09-18 4356
！margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。 ！padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。 负数的 margin 一般设置margin的时候都习惯用正数， 其实也可以用负数，比如很常见的弹出广告页面的，右上角的cancle按钮的 margin 就是负数。 效果图： 代码示例： <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xm
CSS中margin和padding的区别浅析
09-24
在CSS中margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。下面讲解 padding和margin常用的用法
Class与ID区别 margin和padding区别 CSS学习笔记
10-30
CSS学习笔记 - Class与ID区别、margin和padding区别 在CSS学习中，有两个非常重要的概念：Class与ID和margin与padding。虽然它们都是CSS中的基本概念，但是许多初学者却不知道它们的区别和使用场景。 Class与ID...
Css padding和margin区别
12-08
这个一个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...
常用元素默认margin和padding值问题探讨
09-22
有关默认元素在不同浏览器中的margin值是多少的问题，接下来与大家共同探讨下，希望下面提供的数值对你在浏览器兼容性测试时会有所帮助
CSS中奇数选择器与偶数选择器，一句代码怎么实现？
热门推荐
hu_lanlan的博客
11-06 6万+
p标签下的奇数行与偶数行p:nth-child(odd){} //奇数行p:nth-child(even){} //偶数行:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。
background-size的取值有哪些？cover与contain有什么区别？
hu_lanlan的博客
11-06 2847
contain：把图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域cover：把背景图像扩展至足够大，以使背景图像完全覆盖背景区域，背景图像的某些部分也许无法显示在背景定位中。(背景的宽度撑满整个屏幕)length：设置背景图像的高度和宽度。如果只设置一个值，则第二个值会被设置为“auto”。percentage：以父元素的百分比来设置背景图像的宽度和高度。如果只设置一个值，则第二个值会被设置为
CSS中的Sprites
hu_lanlan的博客
09-16 754
CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式 1、它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。 2、利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background
Sass与Less
hu_lanlan的博客
04-09 746
SASS是一种CSS开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发变得简单和可维护，后缀名.scss SASS是用Ruby语言写的，两者的语法没有关系，使用时先安装Ruby，再安装SASS。 安装好Ruby后，输入gem install sass就可以使用了。 sass test.scss test.css //将scss文件转化为css格式并保存成文件 Le...
Padding和Margin有什么区别？
06-06
Padding和Margin是两个常用的CSS属性，其主要区别在于它们所影响的元素不同。Padding是指元素内部边缘和内容之间的距离，而Margin则是指元素外部边缘和其它元素之间的距离。 具体来说，Padding是指元素内部边框和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值