在学习网页布局的过程中,你对DIV布局的属性是否了解,在以前的HTML里,元素的位置只能靠元素的依次排列觉得,而在CSS里你可以更精确的定位元素。
DIV布局属性:
在以前的HTML里,元素的位置只能靠元素的依次排列觉得,而在CSS里你可以更精确的定位元素。Netscape曾提出过Layer标记,它对于精确布局很有好处,但是并没有被W3C承认,W3C在CSS提出了类似于Layer标记的功能。
◆DIV布局之position属性:
position属性用来决定元素的位置类型,详见属性: 属性名称:’position’ 属性值:absoluterelativestatic 初始值:static 适合对象:所有元素 是否继承:no 百分比备注:被禁止 其属性值分别代表: absolute:屏幕上的绝对位置。 relative:屏幕上的相对位置。 static:固有位置。
◆DIV布局之direction属性:
direction属性决定BOX的排列方向,详见属性: 属性名称:’direction’ 属性值:ltrrtl 初始值:ltr 适合对象:所有元素 是否继承:yes 百分比备注:被禁止
◆DIV布局之float和clear属性:
在HTML中图片可以选择飘浮的位置,现在BOX对象通过CSS对于也可以选择飘浮的位置。改变BOX的float属性,BOX将飘浮在其他元素的左或右方: 属性名称:’float’ 属性值:leftrightnone 初始值:none 适合对象:所有元素 是否继承:no 百分比备注:被禁止 例如:
<STYLEtypeSTYLEtype="text/css"> IMG{float:left} BODY,P,IMG{margin:2em} </STYLE> <BODY> <P> <IMGsrcIMGsrc=; Somesampletextthathasnoother… </BODY>
◆相反的,使用clear属性将禁止元素在BOX的左方或右方飘浮:
属性名称:’clear’ 属性值:leftrightbothnone 初始值:none 适合对象:所有元素 是否继承:no 百分比备注:被禁止
坚韧是成功的一大要素,只要在门上敲得够久够大声,终会把人唤醒的。