margin:10px 5px 15px 20px含义

最新推荐文章于 2024-04-15 19:17:28 发布
最新推荐文章于 2024-04-15 19:17:28 发布
阅读量9.6k 收藏 3
点赞数
CC 4.0 BY-SA版权
分类专栏： Html-Css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/cgwcgw_/article/details/12677259
本文深入探讨了CSS中margin属性的使用，详细解释了上外边距、右外边距、下外边距和左外边距的作用，并提供了实际案例演示如何灵活运用这些外边距来优化网页布局。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

margin:10px 5px 15px 20px;
  • 上外边距是 10px
  • 右外边距是 5px
  • 下外边距是 15px
  • 左外边距是 20px
margin 无效的情形
liuhao9999的博客
03-23 3330
（1）display计算值inline的非替换元素的垂直margin是无效的。对于内联替换元素，垂直margin有效，并且没有ma rgin合并的问题。 （2）表格中的<tr>和<td>元素或者设置display计算值是table-cell或table-row的元素的margin都是无效的。 （3）绝对定位元素非定位方位的margin值“无效”。 （4）定高容器的子元素的margin-bottom或者宽度定死的子元素的margin-right的定位“失效”。 ...
css3中的width:100vh以及calc(100vh - 10px)，calc() 用法案例
m0_49714202的博客
10-21 6963
vh/vw vh: 相对于视窗的高度, 视窗被均分为100单位的vh; vw: 相对于视窗的宽度, 视窗被均分为100单位的vw; **vmax**: 相对于视窗的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax; **vmin**: 相对于视窗的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vmin; 视区所指为浏览器内部的可视区域大小， 即**window.innerWidth/window.innerHeight**大小，不包含任务栏标题栏以及底部工具栏的浏览器区域大小
margin的相关属性：
weixin_30565327的博客
05-25 267
margin:10px 5px 15px 20px; 上外边距是 10px 右外边距是 5px 下外边距是 15px 左外边距是 20px 例子 2 margin:10px 5px 15px; 上外边距是 10px 右外边距和左外边距是 5px 下外边距是 15px 例子 3 margin:10px 5px; 上外边距和下外边距是 10px 右外边距和左外边距是 5px 例子 4 mar...
margin的具体使用方法
qq_44663029的博客
06-03 1634
定义和方法 margin 属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值 案例一 margin:5px 10px 15px 20px; 上外边距是 5px 右外边距是 10px 下外边距是 15px 左外边距是 20px 案例二 margin:5px 10px; 上外边距和下外边距是 5px 右外边距和左外边距是 10px margin:0px auto;时，左右margin自动会使当前元素水平居中对齐 margin:auto 0px;时，左右margin自动会使当前元
1、7外边距margin
qq_62865634的博客
10-16 1313
本文仅仅简单介绍了margin表示盒子与盒子之间的边距，称为外边距。
margin带不同数量参数各代表什么？
weixin_44775228的博客
03-31 2815
margin:10px;/*代表上下左右外边距各为10px*/ margin:10px 20px;/*代表上下外边距为10px，左右外边距为20px*/ margin:10px 20px 30px;/*代表上边距为10px，左右边距为20px，下边距为30px*/ margin:10px 20px 30px 40px;/*代表上右下左（按顺时针）边距分别为10 20 30 40 */ ...
CSS深入理解之margin外边距
MySunshine07的博客
08-30 1940
1、margin的相关属性 margin 属性是用于在一个声明中设置四个外边距的所有属性的简写属性。没有继承性，也就是它的设置的margin值不会自动传递到下一级标签中。 margin后面的参数个数可以是一个，两个，三个或四个。 一个参数，例如：margin:10px;表示四边外边距10像素； 两个参数，例如：margin:10px 5px;表示上下外边距10像素，左右外边距5像素； 三个参数，例...
CSS之“绝对定位”的盒子使用margin:0px auto；不能实现水平居中的解决方案
鸭绒的博客
07-09 2710
在盒子实现水平居中的布局中，我们经常直接使用margin:0px auto;来实现居中，在很多时候的确可以一句这样的代码就实现了，但在绝对定位的盒子中，这是不起作用的。 1.根据代码测试是否真如上面所说： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width.
JavaScript设置Div的margin参数
09-13
当我们设置 margin 属性为四个值时，例如 `margin: 20px 40px 60px 80px;`，那么上边距将设置为第一个值（20px），右边距将设置为第二个值（40px），下边距将设置为第三个值（60px），左边距将设置为第四个值（80px...
利用媒体查询实现仿星巴克首页布局页面
Lucivita的博客
01-19 1475
一：思路 1.1.大致布局 星巴克的首页一共分为三种不同的媒体查询，当宽度小于641px时为手机版，大于641px小于1025px时为平板或小屏电脑版，大于1025px时为电脑版。 1.2.具体布局 1.电脑版(screen and (min-width:1025px)) 电脑版网页主要分为两大部分，分为左侧可以随页面滚动的container和右侧的官网具体内容。 （1）container 包括上放的导航栏，中间的登录注册部分 （2）content具体内容 从上到下...
CSS基础：margin属性4种值类型，4个写法规则详解
u013179804的博客
04-15 1万+
你好，我是云桃桃。一个希望帮助更多朋友快速入门 WEB 前端的程序媛。回复 “前端基础题”，可免费获得前端基础 100 题汇总，回复 “前端工具”，可获取 Web 开发工具合集268篇原创内容-gz.h后台回复“”可获取开发工具，持续更新中后台回复“”可得到前端基础100题汇总，持续更新中。
web前端学习（二十）——CSS3外边距属性（margin）及填充属性（padding）的相关设置
贝尔摩德苦艾酒
01-29 1万+
web前端学习（二十）——CSS3外边距属性（margin）及填充属性（padding）的相关设置
CSS学习笔记-margin，padding(八)
做一个NB的码农，且不止于码农
09-30 967
CSS属性——内外边距属性 值 含义 padding padding:5px 0px 5px 0px; 同时设置四个内边距，顺序：上右下左padding-top 上填充距离padding-right 右填充距离padding-bottom 下填充距离padding-left 左填充距离margin margin:5px 0px 0px 0p
html5中margin是什么意思,css中margin是什么意思，margin作用是什么？
热门推荐
weixin_28814457的博客
06-22 1万+
一、介绍，什么意思？margin为对象外边距间隔属性。如果对一个对象比如div设置了边框后，再设置margin就会观察到这个div外面产生了间距边距。margin作用：设置对象与其它对象的外边距离，外边间隔。比如对象与对象，上下DIV，左右DIV间隔多少，可以使用margin实现。.css5{margin:10px}设置html中class=css5对象的外边距(包括上、左、下、右)分别为10px...
C语言margin的作用是,css中margin是什么意思，margin作用是什么
weixin_33614878的博客
05-16 1449
一、简介，甚么含义？margin为对象外边距间隔属性。假如对一个对象比方div配置了边框后，再设置margin就会察看到这个div外面孕育发生了间距边距。margin感导：设置对象与此外对象的外边距离，外边隔绝距离。比喻对象与对象，凹凸DIV，摆布DIV隔断几多，大要使用margin完成。.css5{margin:10px}设置html中class=css5对象的外边距(包括上、左、下、右)分别为...
用一道题说明margin的用法
qq1438438的博客
08-24 1194
语法:margin:auto | length | % | inherit; auto:计算元素的外边距 length:以具体单位计的外边距值，比如px、cm…。默认值是 0px。 %:基于父元素的外边距的大小的百分比。 inherit:从元素的父元素那里继承的外边距。 例题: 与该代码段.box { margin:10px 5px; margin-right:10px; mar...
CSS学习笔记（一）
qq_33202816的博客
03-21 564
@达内，听课笔记一、1、CSS   1、什么是CSS      Cascading Style Sheet      层叠样式表      级联样式表      样式表   2、作用      实现了内容与表现的分离      提高了代码的可重用性和可维护性2、CSS样式表使用方式   使用方式共分三种，使用任何一种都可以更改页面的样式。   1、内联方式      内联样式      将CSS样...
css【详解】外边距 margin（含margin百分比值，margin负值，margin合并，margin：auto，margin失效）
朝阳39的博客
03-23 5070
目录 margin合并的场景 1. 相邻兄弟元素margin合并 2.父级和第一个/最后一个子元素 阻止margin-top合并的方法 阻止margin-bottom合并的方法 3.空块级元素的margin合并 阻止空div元素的margin合并 margin合并的计算规则 margin合并的重要意义 margin:auto的填充规则 margin失效的场景 margin属性的值为百分比值时，无论是水平方向还是垂直方向，都是相对宽度计算的 margin合并的场景 ...
css中margin和padding属性取不同个数（1，2，3，4）的意义
jt18729260336的博客
09-14 1201
以margin为例（padding同理） margin取值为1个时，如margin:10px ；此时10px代表上、下、左、右外边距。 margin取值为2个时，如margin:5px 10px；此时5px代表上、下外边距，10px代表左、右外边距。 margin取值为3个时，如margin:2px 6px 9px；此时2px代表上外边距，6px代表左、右外边距，9px代表下外边距。 ...
margin:10px 3px
最新发布
06-28
`margin: 10px 3px` 是 CSS 布局中的外边距（margin）属性值，用于控制元素之间的空间。这里有两个值，分别表示上下（top and bottom）和左右（left and right）的外边距： 1. `10px`：这是元素顶部和底部的外边距，意味着元素离其容器的上边缘和下边缘各会有 10 像素的距离。 2. `3px`：这是元素左边缘的外边距，即元素离其相邻元素的左边缘会有 3 像素的距离。由于没有明确指定右边缘的值，浏览器会假设右侧的外边距与左侧相同，所以实际右边缘也是 3 像素。 这种写法采用的是简写形式，如果需要分别设置每个方向的外边距，应该写为 `margin-top: 10px; margin-right: 3px; margin-bottom: 10px; margin-left: 3px;`。如果你希望右边缘有不同的值，可以额外指定 `margin-right`。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

静山晚风

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值