margin，padding，border如何记

最新推荐文章于 2023-08-24 19:25:34 发布
最新推荐文章于 2023-08-24 19:25:34 发布
阅读量3k 收藏
点赞数 2
分类专栏： web css 边框
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012491646/article/details/84847217
版权
web 同时被 3 个专栏收录
7 篇文章 0 订阅
订阅专栏
css
1 篇文章 0 订阅
订阅专栏
边框
1 篇文章 0 订阅
订阅专栏

关于三者的区别

网上资料一大把
资料一
资料二

如何记？是重点，后期很容易忘

因为这三者都是边框的意思

	口诀，马pi
	margin ： 开头 M 就是马，马在外
	padding :  开头 p 就是 pi，pi在内
	border：马pi夹中间bobobo，口子

自行补脑

乾坤瞬间
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css下margin、padding、border、background和font缩写示例
10-30
本文将详细介绍如何对`margin`、`padding`、`border`、`background`和`font`等属性进行缩写，以及在特定情况下的使用技巧。 首先，`margin`属性用于设置元素的外边距，它有四种可能的值：上、右、下、左。当所有...
关于padding和margin的用法和区别
weixin_30887919的博客
09-29 94
之前教过的很多学生对这两个属性用法很模糊，说白了，很多人都是用的时候蒙了，这个蒙不对肯定是另外一个，今天咱们就稍加讲解一下这两个属性的用法。 一、首先说一下两者的概念： 　　margin:外边距　　　　padding:内边距 二、两者到底怎么用，在哪里用？ 　　1.用法：　　 　　（1）padding (margin) -left:10px; 　　　　　　　　 左内 (外) 边距...
margin、padding、border
LarsGyonX的博客
02-12 3588
从二维到三维再到实操的理解
border边框、padding内边框、margin外边框
yxiangy的博客
08-01 5930
border边框、padding内边框、margin外边框
CSS盒子模型(border、padding、margin设置)、行内块或行内元素水平居中、去除li小圆点、圆角、盒子阴影、文字阴影、透明度
Bulut0907
01-27 5701
目录1. 盒子模型的组成1. border边框1.1 border-collapse: collapse2. padding 1. 盒子模型的组成 1. border边框 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>test title</title> <style> div {
CSS中的margin、border、padding区别
自学吧
02-09 4204
CSS padding margin border属性详解 图解CSS padding、margin、border属性 W3C组织建议把所有网页上的对像都放在一个盒(box)中，设计师可以通过创建定义来控制这个盒的属性，这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四个区域：内容(content)、内边距(padding)、边框(border)和外边距(margin)。对于初学者，经常...
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...
详解盒模型大小取决于它的padding，margin，border数值
11-21
盒模型规定了元素框处理元素内容width与height值、内边距padding、边框border 和 外边距margin 的数值大小。边框内的空白是内边距padding，边框外的空白是外边距margin，如下所示，这个盒模型元素框的宽度值=内容...
div宽度设置width:100%后再设置padding或margin超出父元素的解决办法
09-28
在网页布局设计中，我们经常会遇到这样一个问题：当一个元素（如`div`）的宽度设置为`width: 100%`时，如果再添加`padding`或`margin`，元素的总尺寸会超出其父元素的宽度，导致布局混乱。为了解决这一问题，我们...
CSS边距属性定义是用margin还是用padding的两者对比
09-25
在CSS布局中，边距（margin）和内边距（padding）是两个非常重要的属性，它们用于控制元素的空白区域，对于网页设计的布局和视觉效果有着显著的影响。接下来我们将详细探讨这两个属性的区别以及在何时应该使用它们。...
盒子模型 margin（外边距）、border（边框）、padding（内边距）、content（内容）。
m0_55751104的博客
09-01 1292
margin（外边距）、border（边框）、padding（内边距）、content（内容）。
如何理解margin、padding、border之间的关系
weixin_74174565的博客
11-14 1278
如何理解margin、padding、border之间的关系，内外边距和边框常见的一些组合用法
不要告诉我你懂margin
dgk62408的博客
06-27 1146
你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见的浏览器下margin出现的bug有哪些？…… 写css，你少不了与margin打交道，而对于这个平时我们最常用的css属性我们并非十分了解。介于...
前端学习笔记之margin、padding、border
HJHAlone的博客
03-02 832
1.内容相关属性 2.padding属性 padding:上 右 下 左 1）3个值---无左，左跟随右 2）2个值---无下、左，下跟上；左跟右 3）1个值---上下左右全为 3.margin属性 上下两个盒子同时设置margin-bottom=20px和margin-top=20px，会被折叠，实际效果两个盒子间距只有20px 左右两个盒子同时设置margin-right=20px和margin-left=20px，实际效果两个盒子间距有40px 1）父子之间的margin传递
在CSS中，盒模型中的padding、border、margin是什么意思？(内容、内边距、边框、外边距)
最新发布
昊虹AI笔记
08-24 1836
在CSS中，盒模型中的padding、border、margin是什么意思？
分清padding,margin,border的用法
qq_39321234的博客
07-03 241
是常用的布局属性，用于控制元素在页面中的位置和外观。来分别设置上、右、下、左四个方向的内边距。来分别设置上、右、下、左四个方向的外边距。表示元素内部内容与边框之间的距离。表示元素与相邻元素之间的距离。来分别设置边框的宽度、样式和颜色。
从零开始学_JavaScript_系列（六）——CSS的padding、margin、border属性超详细解释（图文）...
weixin_34354173的博客
04-08 304
结论请看最后的图片 关于定义： margin：层的边框以外留的空白 background-color：背景颜色 background-image：背景图片 padding：层的边框到层的内容之间的空白 border：边框 content：内容 关于四个方向： 先上图： 测试：（有些结论是验证后copy现有的，因为纯测试不可能推出必然结...
懂点前端——对CSS中的Padding、Border、Margin属性的理解
cslover的博客
05-17 4729
作为一个志在AIot(实际在写上位机程序、嵌入式代码)的工程师，怎么又关心起前端来了呢？怎么说呢，前端的应用范围广啊，从高大上的算法、富有科技感的物联网应用到无处不在的Web应用，只要是需要和终端用户交互的，不都得要用到前端，所以懂点前端是能防身的。 今天就研究一下CSS中的content、padding、border、margin这几个概念。 CSS是网页的样式文件，它让网页的布局和样式变得美观和丰富多彩，而使用CSS进行布局与设计要用到一个叫做Box Model的模型，这是W3C提出的，W3C说Box
css中的margin、padding、border详解
ytangdigl的博客
08-10 2135
CSS 中有个重要的概念，就是盒子模式 (Box model)。 先看看下面这个图，黑框包围的一个方块，就是一个盒子 (Box)。 盒子里由外至里依次是： 1、margin 边距 2、border 边框 3、padding 间隙 (也有人称做补丁) 4、content (内容，比如文本，图片等)CSS 边距属性 (margin) 是用来设置一个元素所占空间的边缘到相邻元素之间的距离。
margin padding border
03-16
margin（外边距）：指元素边框与相邻元素之间的距离，可以设置上下左右四个方向的值，用于控制元素与其他元素之间的距离。 padding（内边距）：指元素边框与元素内容之间的距离，可以设置上下左右四个方向的值，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值