解析DIV布局之四大属性用法

  在学习网页布局的过程中,你对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  百分比备注:被禁止

坚韧是成功的一大要素,只要在门上敲得够久够大声,终会把人唤醒的。

解析DIV布局之四大属性用法

相关文章:

你感兴趣的文章:

标签云: