divcssmargin-top知道与实例教程篇
margin-top是设置该目标间隔上一个目标间隔，他是设置目标边框以外间隔间隔css款式。
一、margin-top语法-TOP
.divcss5{margin-top:10px}
设置了目标“.divcss5”上边间隔为10px
相关教程：margin
二、margin-top运用实例-TOP
为了观察作用，DIVCSS5实例设置3个DIV盒子，均设置相同的宽度、相同高度、相同css边框，对第二个div层设置margin-top:10px;对第三个div层设置margin-top:20px，观察作用把握margin-top款式作用。三个目标层别离DIVclass命名为“.div1”“.div2”“.div3”
1、divcss实例完好HTML+CSS代码
DOCTYPEhtml>
<html>
<head>
<metacharset=”utf-8″/>
<title>margin-top在线实例DIVCSS5title>
<style>
.div1,.div2,.div3{width:300px;height:80px;border:1pxsolid#F00}
/*css注释阐明：设置三目标相同宽度高度赤色边框*/
.div2{margin-top:10px}/*css注释阐明：设置目标间隔上目标10px间隔*/
.div3{margin-top:20px}/*divcss注释阐明：设置目标间隔上目标20px间隔*/
style>
head>
<body>
<divclass=”div1″>div>
<divclass=”div2″>div>
<divclass=”div3″>div>
body>
html>
DIVCSS5对“.div2”“.div3”选择器目标设置不同margin-top数值。
2、DIV+CSSmargin-top实例截图
margin-top运用实例截图
margin-top运用实例截图
3、在线演示：查看事例
4、打包下载源文件：
立即下载（0.917KB）
5、CSS款式运用总结
margin-top是设置目标间隔上目标间隔设置，如果目标没有设置布景、边框能够运用padding-top代替。
margin-left什么意思属性详解
margin特点是用于设置元素的外边距，所以margin-left特点便是用于设置元素的左外边距。下面我们就来看看margin-left的详细内容。
margin-left特点和margin特点一样所有的干流浏览器都支持这个特点
margin-left特点的特点值能够运用负值，下面我们来看margin-left有哪些可用的值
auto：浏览器设置的左外边距。
length：界说固定的左外边距。默认值是0。
%：界说根据父目标总高度的百分比左外边距。
inherit：规则应该从父元素继承左外边距。
————————————————
语法为
margin-left：auto|length
下面我们来看一个具体的比如
用margin-left设置左外边距
这段文字没有指定外边距。
这段文字有左外边距。
效果如下
从图上我们能够明显看到设置了margin-left特点的文字离左边有了边距。
以上便是margin-left是什么意思的详细内容。
© 版权声明
文章版权归作者所有，未经允许请勿转载。
版权声明：
1、IT大王遵守相关法律法规，由于本站资源全部来源于网络程序/投稿，故资源量太大无法一一准确核实资源侵权的真实性；
2、出于传递信息之目的，故IT大王可能会误刊发损害或影响您的合法权益，请您积极与我们联系处理(所有内容不代表本站观点与立场)；
3、因时间、精力有限，我们无法一一核实每一条消息的真实性，但我们会在发布之前尽最大努力来核实这些信息；
4、无论出于何种目的要求本站删除内容，您均需要提供根据国家版权局发布的示范格式
《要求删除或断开链接侵权网络内容的通知》：https://itdw.cn/ziliao/sfgs.pdf，
国家知识产权局《要求删除或断开链接侵权网络内容的通知》填写说明： http://www.ncac.gov.cn/chinacopyright/contents/12227/342400.shtml
未按照国家知识产权局格式通知一律不予处理；请按照此通知格式填写发至本站的邮箱 wl6@163.com
1、IT大王遵守相关法律法规，由于本站资源全部来源于网络程序/投稿，故资源量太大无法一一准确核实资源侵权的真实性；
2、出于传递信息之目的，故IT大王可能会误刊发损害或影响您的合法权益，请您积极与我们联系处理(所有内容不代表本站观点与立场)；
3、因时间、精力有限，我们无法一一核实每一条消息的真实性，但我们会在发布之前尽最大努力来核实这些信息；
4、无论出于何种目的要求本站删除内容，您均需要提供根据国家版权局发布的示范格式
《要求删除或断开链接侵权网络内容的通知》：https://itdw.cn/ziliao/sfgs.pdf，
国家知识产权局《要求删除或断开链接侵权网络内容的通知》填写说明： http://www.ncac.gov.cn/chinacopyright/contents/12227/342400.shtml
未按照国家知识产权局格式通知一律不予处理；请按照此通知格式填写发至本站的邮箱 wl6@163.com
">