仓酷云
标题:
DIV教程之CSS进修教程:详解margin属性
[打印本页]
作者:
若天明
时间:
2015-1-15 22:57
标题:
DIV教程之CSS进修教程:详解margin属性
样式的调整更加方便。内容和样式的分离,使页面和样式的调整变得更加方便。
破洛洛文章简介:margin属性是css用于在一个声明中设置一切margin属性的简写属性,margin是css把持块级元素之间的间隔,它们之间是通明不成见的。
margin
属性是css用于在一个声明中设置一切margin属性的简写属性,margin是css把持块级元素之间的间隔,它们之间是通明不成见的。
margin属性包括了
marginleft
:距
左
元素块间隔(设置距左内边距);
margintop
:距
头顶(上)
元素块间隔(设置距顶部元素块间隔);
marginright
:距右元素块间隔(设置距右元素块距);
marginbottom
:
底
元素块间隔(设置距
低(下)
元素块距)。
marginleft用法:
margin-left:10px;这个意义间隔
左元素块
距10像素,可跟百分好比(margin-left:10%;间隔
左元素块
10%的间隔);
marginright用法:
margin-right:10px;这个意义间隔
右
边元素块距10像素,可跟百分好比(margin-right:10%;间隔
右
边元素块10%的间隔);
margintop用法:
margin-top:10px;这个意义间隔
顶
边元素块距10像素,可跟百分好比(margin-top:10%;间隔
顶
边元素块10%的间隔);
marginbottom用法:
margin-bottom:10px;这个意义间隔
低
边元素块距10像素,可跟百分好比(margin-bottom:10%;间隔
底
边元素块10%的间隔);
注重
margin两头的链接“
-
”号,设置间隔值时用“
:
”并付与值,并以“
;
”停止,而且全体用
小写半角字母
。
假如是摆布高低都必要设置margin的值时能够简写来完成,以优化css。
如简写体例有:
margin:10px;意义就是
高低摆布元素块
间隔就是10px(10像素)即是margin-top:10px;margin-bottom:10px;margin-left:10px;margin-right:10px;一样效果简写;
margin:5px10px;意义
高低元素块
间隔为5px,
摆布
的元素块间隔为10px,即是margin-top:5px;margin-bottom:5px;margin-left:10px;margin-right:10px;一样效果简写;
margin:5px6px7px;意义
上元素块
间隔5px,
下元素块
间隔为7PX,
摆布元素块
间隔为6px,即是margin-top:5px;margin-bottom:7px;margin-left:6px;margin-right:6px;一样效果简写;
margin:5px6px7px8px;意义
上元素块
为5px,
右元素块
间隔为6px,
下元素块
间隔为7px,
左元素块
间隔8px,即是即是margin-top:5px;margin-right:6px;margin-bottom:7px;margin-right:8px;一样效果简写;
个中margin:5px6px7px8px;的转法为顺时针
下面便是divcss网站总结的margin的属性与用法。个中margin的用与padding不异。
</p>
CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。
作者:
莫相离
时间:
2015-1-17 19:54
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
作者:
谁可相欹
时间:
2015-1-26 22:09
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
作者:
分手快乐
时间:
2015-2-5 04:28
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
作者:
飘灵儿
时间:
2015-2-11 05:44
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
作者:
灵魂腐蚀
时间:
2015-3-11 03:02
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
作者:
飘飘悠悠
时间:
2015-3-17 21:09
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
作者:
透明
时间:
2015-3-25 05:43
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
欢迎光临 仓酷云 (http://ckuyun.com/)
Powered by Discuz! X3.2