第六章　区块性质的ＣＳＳ

本　章　Ｃ　Ｓ　Ｓ　的　主　要　作　用

　　本章介绍的是区块性质的ＣＳＳ指令以及它们的应用与特性，可以设定与控制区块的位置，大小及边缘宽度等性质。本章也把分成两个部份为您介绍，第一部份要讲的是区块各部份名称与概念的介绍，对于区块有一点概念后，第二部份才再进入区块性质的ＣＳＳ指令的介绍。

区　块　各　部　份　名　称　与　概　念

　　所谓的区块宽度是指整个包含边缘在内的宽度，而元素宽度指的只是内容元素的宽度。有了这些对区块各部份的基本概念与认识之后，接下来就要来介绍控制区块各部份分别的的ＣＳＳ指令了！

区　块　性　质　的　Ｃ　Ｓ　Ｓ　指　令

margin-top　　　设定上边缘宽度	margin-right　设定右边缘宽度
margin-bottom　设定下边缘宽度	margin-left　　设定左边缘宽度

支　持：ＩＥ３、ＩＥ４、ＮＣ４
适　用：区块元素
可能值：

预设值：0
继承性：无

一般范例：DIV { margin-top : 20pt }
同轴范例：<DIV style="margin-top:20pt">

margin　综合设定边缘宽度

支　持：ＩＥ３、ＩＥ４、ＮＣ４
适　用：区块元素
可能值：依序设定top,right,bottom,left的边缘宽度

预设值：无
继承性：无

一般范例：DIV { margin : 20pt 15pt 10pt 5pt }
同轴范例：<DIV style="margin:20pt 15pt 10pt 5pt">

　　要附带说明的是，如果指定了四个合法设定值，则会依序套用于四个边缘；如果只有指定一个合法设订值，则会统一套用于四个边持；若只有指定二或三个合法设定值，则未指定的边缘会套用对边的宽度设定值。

DIV { margin: 20pt }	→top=20pt;right=20pt;bottom=20pt;left=20pt
DIV { margin: 20pt 15pt }	→top=20pt;right=15pt;bottom=20pt;left=15pt
DIV { margin: 20pt 15pt 10pt }	→top=20pt;right=15pt;bottom=10pt;left=15pt

如果您对本文有任何疑问或者建议，请到讨论区发表您的意见: >> 论坛入口 <<

上一篇：第五章　文字性质的ＣＳＳ下一篇：运筹帷幄用CSS控制网站总“队形”

【文章评论】【收藏本文】【推荐好友】【打印本文】【我要投稿】【论坛讨论】

更多相关文章