</div>
</div>
<div style=”position:absolute; top:50px;left:50px; background-color:Blue;
width:100px;height:100px;”>
</div>
<div style=”position:fixed; top:200px;left:200px; background-color:Navy;
width:100px;height:100px;”>
</div>
<div style=”position:static; top:200px;left:100px; background-color:Yellow;
width:100px;height:100px;”>
</div>
说明:position的属性中有static、fixed、relative、absolute四个属性。常用relative和absolute。若指定为static时,DIV遵循HTML规则;若指定为relative时,可以用top、left、right、bottom来设置DIV在页面中的偏移,但是此时不可使用层;若指定为absolute时,可以用top、left、right、bottom对DIV进行绝对定位;若指定为fixed时,在IE7与FF中DIV的位置相对于屏屏固定不变,IE6中没有效果(期待高手指点原因);
14、left:设置对象相对于文档层次中最近一个定位对象的左边界的位置。
15、top:设置对象相对于文档层次中最近一个定位对象的上边界的位置。
16、right:设置对象相对于文档层次中最近一个定位对象的右边界的位置。
17、bottom:设置对象相对于文档层次中最近一个定位对象的下边界的位置。
18、z-index:设置DIV的层叠顺序。
例:
<div style=”position:absolute; top:50px;left:50px; width:100px; height:100px;background-color:black;”>
</div>
<div style=”position:absolute; top:60px;left:60px; width:100px; height:100px;
background-color:Blue;z-index:1;”>
</div>
<div style=”position:absolute; top:70px;left:70px; background-color:Silver;width:100px;height:100px;”>
</div>
说明:上例效果中如果不设z-index属性蓝色DIV应该在中间,而现在的效果蓝色在最上面了。还要说明的是用z-index属性时,position必需要指定为absolute才行。
19、font:指定DIV中文本的样式,其后可跟文本的多个样式。
例:
<div style=" font:bold 14px 宋体;background-color:Yellow">
明月几时有?把酒问青天。不知天上宫阙、今夕是何年?我欲乘风归去,惟恐琼楼玉宇,高处不胜寒.起舞弄清影,何似在人间? 转朱阁,低绮户,照无眠。不应有恨、何事长向别时圆?人有悲欢离合,月有阴晴圆缺,此事古难全。但愿人长久,千里共蝉娟。
</div>
说明:font后可以跟文本样式的多个属性,如字体粗细、字体大小、何种字体等等。还可以用以下几个属性分别加以设置:
20、font-family:设置要用的字体名称;
21、font-weight:指定文本的粗细,其值有bold bolder lighter等。
22、font-size:指定文本的大小。
23、font-style:指定文本样式,其值有italic normal oblique等。










