C语言margin的作用是,css中margin是什么意思，margin作用是什么

一、简介，甚么含义？

margin为对象外边距间隔属性。假如对一个对象比方div配置了边框后，再设置margin就会察看到这个div外面孕育发生了间距边距。

margin感导：

设置对象与此外对象的外边距离，外边隔绝距离。比喻对象与对象，凹凸DIV，摆布DIV隔断几多，大要使用margin完成。

.css5{margin:10px}

设置html中class=css5对象的外边距(包括上、左、下、右)分别为10px间距。

二、常见margin

1、margin-left

设置对象左外边距

margin-left:10px; ——设置装备摆设左外边距10px

2、margin-right

配置对象右外边距

margin-right:20px; ——设置装备摆设右外边距20px

3、margin-top

设置对象上外边距

margin-top:15px ——配置上外边距15px

4、margin-bottom

设置装备摆设对象下外边距

margin-bottom:30px ——设置装备摆设下外边距30px

以上同一div，css决意器里器械须要设置外边距。

下列为思空见贯缩写应用

5、margin:0

设置对象margin的上、左、下、右间距均为0

6、margin:0 auto

配置对象凹凸外边距为0,左右为自动，此属性常用对象水平居中，比方div居中，对div配置margin:0 auto，同时不要设置float，便概略让此div居中了。

7、margin:10px 20px

设置对象高下外边距10px、摆布外边距20px

8、margin:10px 15px 20px 25px

配置对象上外边距10px、右外边距15px、下外边距20px、左外边距25px

9、margin:10px 20px 30px

设置装备摆设对象上外边距10px、左右外边距20px、下外边距为30px

10、margin:10px;margin-left:0

假如对象同时设置margin:10px;margin-left:0，那末代表先对对象上、下、左、右外边距均设置装备摆设10px，左侧零丁再配置0，结尾相称于对象上、下、右为10px，左为0。

第10点属于伎俩性使用。

三、margin的用法实例

1、代码

margin间距

.main-a{border:1px solid #F00; width:200px;}

.main-b{margin:10px 20px 30px 40px; border:1px solid #F00; width:200px;}

.main-c{border:1px solid #F00; width:200px;}

未设置margin

配置上外边距为10px、右20px、下30px、右40px，留意观察，此盒子间距。
表面DW软件，看看间距截图

未设置装备摆设margin

对main-b对象配置css margin外间距花式，或许拷贝代码窥察观察，批改margin的值生涯阅读器测试再视察观察即可掌控margin css属性。

2、造诣截图

快捷晓得和主宰css中margin是甚么寄义，拷贝以上代码，实际实践便可认识，并熟知。

C语言margin的作用是,css中margin是什么意思，margin作用是什么相关推荐

html5中margin是什么意思,css中margin是什么意思，margin作用是什么？
一.介绍,什么意思? margin为对象外边距间隔属性.如果对一个对象比如div设置了边框后,再设置margin就会观察到这个div外面产生了间距边距. margin作用: 设置对象与其它对象的外边距 ...
CSS中IE和火狐对margin、padding的兼容性解析
1.IE与Fire Fox识别CSS属性区别标签 !important #page_body{ width: 1000px !important; height:30px !important; wi ...
html中em作用6,CSS中强大的EM
使用CSS也好久了,但一直都是在使用"px"来设置Web元素的相关属性,未敢使用"em".主要原因是,对其并不什么了解,只知道一点概念性的东西,前段时间在项目中 ...
css布局margin介绍,深入理解css中的margin属性（推荐）
之前我一直认为margin属性是一个非常简单的属性,但是最近做项目时遇到了一些问题,才发现margin属性还是有一些"坑"的,下面我会介绍margin的基本知识以及那些" ...
html语言字体间距怎么设,css中如何设置字/行间距？
css中如何设置字/行间距?下面本篇文章给大家介绍一下使用css设置字间距和行间距的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 使用css设置字间距 letter-spac ...
css中width、height、margin、padding默认值总结
默认值 left top right bottom width height: 默认值为 auto margin padding: 默认值为 0 百分比参照于谁 width ...
linux中-i选项的作用,linux – find中的-prune选项有什么作用？
我可以看到-prune找不到正常工作.我猜-name"efence *"-prune选项应该选择(或找到)除了名称为efence *的文件之外的所有文件? 或者我的理解是错的? 我 ...
python声明编码作用_Python源代码中的编码声明字符串的作用
原来以为Python编源代码头部的#encoding: utf8的字符串对于python的实际编码解析是没有影响的. 但是今天发现一个很好玩的问题.Mark一下. 当python的代码中存在类似u'中 ...
css中文本指什么,CSS中的文本属性
本文总结一下CSS中关于文字的相关属性,最后给出实例. CSS基础文字属性文字的基础属性主要包括:字体.颜色和文本.除去颜色color的属性外,字体和文本的相关属性可以权威参考: CSS 文本属性( ...

C语言margin的作用是,css中margin是什么意思，margin作用是什么

C语言margin的作用是,css中margin是什么意思，margin作用是什么相关推荐

最新文章

热门文章