【css实践】margin的几个参数

最新推荐文章于 2024-04-15 19:17:28 发布
最新推荐文章于 2024-04-15 19:17:28 发布
阅读量1.8k 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gny315/article/details/45848609
版权

margin的几个参数

margin：top right bottom left;一般用四个参数，按照顺时针旋转的方式。

有时候为了省略会出现1个、2个、3个，现在把用法总结一下：

margin：10px; 上右下左都是10px

margin:10px  5px  上下是10px 左右是5px

margin：10px  5px 6px 上10px 右5px下6px左5px

总结：下缺少时用上来补，左缺少时用右来补

gny315
关注
Responsive Web Design with HTML5 and CSS3
AI天才研究院
08-07 748
Responsive web design: 对网页的响应式设计，是一种通过设计网站内容、布局方式、图片等，使得网页在不同设备上都可以正常显示的网页开发方法。它可以帮助网页作者针对不同的终端和设备，提供最佳的用户体验。Media query: 是一种能够根据浏览器窗口或其他页面参数调整样式属性的方法，主要用于响应式网页设计。它允许您创建一条独立于其他样式规则的自定义样式，并应用于特定设备或屏幕尺寸。当设备尺寸或宽度发生变化时，媒体查询可自动应用新的样式设置。
CSS 中Margin参数詳解
chelen_jak的专栏
03-04 3671
转自：http://hi.baidu.com/linmingnet/item/bd43f70f3b647be2fe240d5e margin：  （1）一个参数值，将用于全部的四边。  （2）两个参数值，第一个用于上－下，第二个用于左－右。  （3）三个参数值，第一个用于上，第二个用于左－右，第三个用于下。  （4）四个参数值，将按上－右－下－左的顺序作用于四边。 再如：有
CSS——margin的参数
chengzhangdewo的博客
10-12 1423
margin： 4 （1）一个参数值，将用于全部的四边。 5 （2）两个参数值，第一个用于上－下，第二个用于左－右。 6 （3）三个参数值，第一个用于上，第二个用于左－右，第三个用于下。 7 （4）四个参数值，将按上－右－下－左的顺序作用于四边。 8 再如：有人问CSS 居中如何实现。那可以这么写： 9 10 margin:0 auto ; 11 margin后面如果只有两个参数的话，第一个表示top和bottom，第二个表示left和right 12 因为0 auto，表示上下..
php margin参数,margin参数简单介绍_html/css_WEB-ITnose
weixin_30302513的博客
03-25 780
margin参数简单介绍:此属性是用来设置元素的外边距的，再简单不过了，这里就不多介绍了，唯一可能造成困扰的就是它的参数，因为它最多可以有4个参数，当然也有缩写的形式，比如可以只带一个参数，下面就简单介绍一下。参数列表如下:一.带有一个参数的时候，将会作用于四边，例如margin:10px。二.带有两个参数的时候，第一个用于上、下，第二个用于左、右，例如margin:10px auto。三. 带有...
关于margin参数解读
weixin_33937499的博客
06-08 802
1、例子1 margin:10px 5px 15px 20px; 上外边距是 10px 右外边距是 5px 下外边距是 15px 左外边距是 20px 2、例子2 margin:10px 5px 15px; 上外边距是 10px 右外边距和左外边距是 5px 下外边距是 15px 3、例子3 margin:10px 5px; 上外边距和下外边距是 10px 右外边距和左外边距是 5px 4、...
margin标记可以带一个、二个、三个、四个参数，各有参数的含义不同
qq_39704682的博客
11-12 681
margin: 20px;（上、下、左、右各20px。） margin: 20px 40px;（上、下20px；左、右40px。） margin: 20px 40px 60px;（上20px；左、右40px；下60px。） margin: 20px 40px 60px 80px;（上20px；右40px；下60px；左80px。） 在css中使用margin可以将margin-top，margin...
ReactMix，基于HTML+JS+CSS 写 App 的最佳实践（34页）.pdf
03-03
ReactMix对CSS的支持主要体现在以下几个方面： 1. **直接使用原始CSS**：ReactMix利用React Native的静态编译加载特性，通过`ImportCSS(“require(‘path’)”)`来引入CSS。 2. **静态语言翻译**：它自动将简写形式...
CSS3制作带阴影贴纸标签特效.rar
05-11
实践是掌握技术的关键，尝试修改参数，观察不同设置如何影响最终效果，这样可以帮助你更好地理解和掌握CSS3的这些特性。 总结来说，CSS3制作带阴影的贴纸标签特效利用了盒模型、边框半径、阴影效果和文本阴影等技术...
css教程制作八卦镜代码分享
09-25
在深入探讨具体代码之前，先简要回顾几个CSS的关键概念： 1. **Positioning（定位）**：CSS提供了多种定位方式，包括static、relative、absolute和fixed。其中，absolute定位是相对于最近的非static定位祖先元素...
css3实现底部阴影按钮 css3实现底部阴影按钮代码下载.zip
11-17
这个属性接受几个参数，例如： ```css box-shadow: h-offset v-offset blur-radius spread-radius color inset; ``` - `h-offset`（水平偏移）：阴影在水平方向上的距离，可以是正数（远离元素）或负数（靠近元素...
CSS基础：margin属性4种值类型，4个写法规则详解
最新发布
u013179804的博客
04-15 5117
你好，我是云桃桃。一个希望帮助更多朋友快速入门 WEB 前端的程序媛。回复 “前端基础题”，可免费获得前端基础 100 题汇总，回复 “前端工具”，可获取 Web 开发工具合集268篇原创内容-gz.h后台回复“”可获取开发工具，持续更新中后台回复“”可得到前端基础100题汇总，持续更新中。
css【详解】外边距 margin（含margin百分比值，margin负值，margin合并，margin：auto，margin失效）
朝阳39的博客
03-23 3816
目录 margin合并的场景 1. 相邻兄弟元素margin合并 2.父级和第一个/最后一个子元素 阻止margin-top合并的方法 阻止margin-bottom合并的方法 3.空块级元素的margin合并 阻止空div元素的margin合并 margin合并的计算规则 margin合并的重要意义 margin:auto的填充规则 margin失效的场景 margin属性的值为百分比值时，无论是水平方向还是垂直方向，都是相对宽度计算的 margin合并的场景 ...
margin后边的参数个数大解析
莫雨 · 涛
12-14 1200
margin: 10px;（上、下、左、右各10px。） margin: 10px 10px;（上、下10px；左、右20px。） margin: 10px 20px 20px;（上10px；左、右20px；下30px。） margin: 10px 20px 30px 40px;（上10px；右20px；下30px；左40px。）类推，padding,border亦是如此！
【CSS】css中margin标记可以带一个、二个、三个、四个参数，各有不同的含义
学习 记录 总结 分享
08-08 5028
带不同的参数具有不同的含义，下面给出参数的具体含义，如下所示。margin后面如果只有两个参数的话，在css中使用margin可以将。，缩写为一个标记，顺序为。CSS 居中如何实现。
margin带一个、二个、三个、四个参数不同的含义。
qq_39380155的博客
02-23 3632
margin: 20px;（上、下、左、右各20px。） margin: 20px 40px;（上、下20px；左、右40px。） margin: 20px 40px 60px;（上20px；左、右40px；下60px。） margin: 20px 40px 60px 80px;（上20px；右40px；下60px；左80px。） 在css中使用margin可以将margin-top，margin...
CSS margin属性详解
man_tutu的博客
02-11 6846
margin简写属性在一个声明中设置所有外边距属性。该属性可以有1-4个值。margin的默认值是0。没有继承性，也就是说给父元素设置的margin值并不会自动传递到子元素中。
php margin参数,css margin外边距属性与用法总结
weixin_30572707的博客
03-25 257
围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的“空白”。设置外边距的最简单的方法就是使用 margin 属性，margin 属性接受任何长度单位，可以是像素、英寸、毫米或 em、百分数值甚至负值。下面本文就来具体的谈谈外边距 margin 属性和使用，外边距的重叠和叠加，以及 margin 为负值的作用等内容。一、CSS的margin属性介绍margin 的默认值是 0，所以如果...
margin ,padding的参数的含义
yournevermore的博客
03-26 1023
　 margin:4px;　　　　　　　　　　/*上下左右分别具有4像素*/ margin:2px 4px;　　　　　　　　/*上下为二像素，左右为4像素*/ margin:10px 20px 30px　　　　 /*上：10px 左、右：20px 下：30px　*/　　　 margin:1px 2px 3px 4px　　　　 /*上：1px 右：2px 下:3px 左：4...
css中margin标记可以带一个、二个、三个、四个参数，各有不同的含义
Sayesan的专栏
10-31 5835
         在css中使用margin可以将margin-top，margin-right，margin-bottom，margin-left，缩写为一个标记，顺序为上右下左（顺时针）。带不同的参数具有不同的含义，下面给出参数的具体含义，如下所示   margin: 10px;（上、下、左、右各10px。） margin: 10px 50px;（上、下10px；左、右50px。） marg...
CSS中margin有哪些参数m
07-17
在 CSS 中，margin 属性有以下几个参数： - margin-top：设置元素的上外边距。 - margin-right：设置元素的右外边距。 - margin-bottom：设置元素的下外边距。 - margin-left：设置元素的左外边距。 - margin：可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值