网页排版CSS教学(29) <P><TABLE cellSpacing=0 cellPadding=0 width=565 border=0><TBODY><TR><TD class=a width=565><DIV class=bg_orange align=center>本 章 Ｃ Ｓ Ｓ 的 主 要 作 用</DIV></TD></TR><TR><TD><TABLE cellSpacing=0 cellPadding=0 width=565><TBODY><TR class=article><TD class=b><BR> 本章介绍的是区块性质的ＣＳＳ指令以及它 们的应用与特性，可以设定与控制区块的位置，大小及边缘宽度等性质。本章也将分成 两个部份为您介绍，第一部份要讲的是区块各部份名称与概念的介绍，对于区块有一点 概念后，第二部份才再进入区块性质的ＣＳＳ指令的介绍。<BR><BR><BR></TD></TR></TBODY></TABLE></TD></TR><TR><TD class=a width=565><DIV class=bg_orange align=center>区 块 各 部 份 名 称 与 概 念</DIV></TD></TR><TR><TD><TABLE cellSpacing=0 cellPadding=0 width=565><TBODY><TR class=article><TD class=b><BR> 其实我们还可以把所谓的「区块」细分成如 下面图形所表示的几个部份。 <CENTER><TABLE cellSpacing=0 cellPadding=0 width=500 border=0><TBODY><TR><TD width=250></TD><TD width=250><DIV style="MARGIN-TOP: 10pt; MARGIN-BOTTOM: 10pt; MARGIN-LEFT: 5pt; COLOR: blue"><SPAN style="COLOR: green">由外而内为您作介绍：</SPAN><BR><SPAN style="FONT-WEIGHT: bolder; COLOR: red; FONT-FAMILY: Arial">MARGIN： </SPAN>边缘，虽然是通透的部份，但是可以藉由边缘宽度的调整来达到内容元素位置调整的目的。<BR><BR><SPAN style="FONT-WEIGHT: bolder; COLOR: red; FONT-FAMILY: Arial">BORDER：</SPAN> 边框，就是外框的部份，经由ＣＳＳ指令您可以控制边框的宽度、颜色和样式，不再死板！<BR><BR><SPAN style="FONT-WEIGHT: bolder; COLOR: red; FONT-FAMILY: Arial">PADDING：</SPAN> 补白，也就是内容元素与框架之间的这段距离与空间，也可以利用ＣＳＳ指令去控制大小。<BR><BR><SPAN style="COLOR: red; FONT-FAMILY: Arial">元素：</SPAN> 内容元素，也就是您放置于该区块内的内容，或为文字，或为图形，或为所有其它元素。</DIV></TD></TR></TBODY></TABLE></CENTER> 附带一提的是，所谓的区块宽度是指整个包含边缘在内的宽度，而元素宽度指的只 是内容元素的宽度。有了这些对区块各部份的基本概念与认识之后，接下来就要来介绍 控制区块各部份分别的的ＣＳＳ指令了！<BR><BR><BR></TD></TR></TBODY></TABLE></TD></TR>
