您好,登錄后才能下訂單哦!
這篇文章將為大家詳細講解有關DIV布局屬性用法有哪些,文章內容質量較高,因此小編分享給大家做個參考,希望大家閱讀完這篇文章后對相關知識有一定的了解。
DIV布局屬性:
在以前的HTML里,元素的位置只能靠元素的依次排列覺得,而在CSS里你可以更精確的定位元素。Netscape曾提出過Layer標記,它對于精確布局很有好處,但是并沒有被W3C承認,W3C在CSS提出了類似于Layer標記的功能。
◆DIV布局屬性之position屬性:
position屬性用來決定元素的位置類型,詳見屬性:
屬性名稱:'position'
屬性值:absolute|relative|static
初始值:static
適合對象:所有元素
是否繼承:no
百分比備注:被禁止
其屬性值分別代表:
absolute:屏幕上的絕對位置。
relative:屏幕上的相對位置。
static:固有位置。
◆DIV布局屬性之direction屬性:
direction屬性決定BOX的排列方向,詳見屬性:
屬性名稱:'direction'
屬性值:ltr|rtl
初始值:ltr
適合對象:所有元素
是否繼承:yes
百分比備注:被禁止
◆DIV布局屬性之float和clear屬性:
在HTML中圖片可以選擇飄浮的位置,現在BOX對象通過CSS對于也可以選擇飄浮的位置。改變BOX的float屬性,BOX將飄浮在其他元素的左或右方:屬性名稱:'float'
屬性值:left|right|none
初始值:none
適合對象:所有元素
是否繼承:no
百分比備注:被禁止
例如:
<STYLEtypeSTYLEtype="text/css"> IMG{float:left} BODY,P,IMG{margin:2em} </STYLE> <BODY> <P> <IMGsrcIMGsrc=img.gif> Somesampletextthathasnoother... </BODY>
◆相反的,使用clear屬性將禁止元素在BOX的左方或右方飄浮:
屬性名稱:'clear'
屬性值:left|right|both|none
初始值:none
適合對象:所有元素
是否繼承:no
百分比備注:被禁止
關于DIV布局屬性用法有哪些就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。