margin-top(margin-left什么意思属性详解)-IT技术网站

margin-top

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是什么意思的详细内容。