位置:首頁 > 軟件操作教程 > UI設(shè)計軟件 > Adobe Dreamweaver > 問題詳情

dw 2014如何定義定位樣式?

提問人:劉旭39發(fā)布時間:2020-11-11

定義定位樣式

定位樣式就是定義定位元素的相關(guān)屬性。使用定位樣式可以把網(wǎng)頁已有的對象轉(zhuǎn)化為定位元素,進行精確定位。在css規(guī)則定義對話框的左側(cè)“分類”列表框中選擇“定位”選項,然后在右側(cè)顯 示CSS樣式的定位屬性,如圖所示。image.png

(1)Position (類型)下拉列表框:設(shè)置定位方式,包括絕對、相對、固定和靜態(tài)4個選項。

absolute (絕對):使用絕對坐標定位元素,則元素不再受文檔流的影響。

relative (相對):使用相對坐標定位元素的位置,相對定位的元素還需要受文檔流的影響, 同時,它還占據(jù)定位前的位置。

fixed (固定):使用固定位置來定義元素的顯示,固定定位的元素不會隨瀏覽器滾動條的 拖動而變化。

static (靜態(tài)):恢復(fù)元素的默認狀態(tài),不再進行定位處理。

(2)Visibility (顯示)下拉列表框:設(shè)置元素的可見性。

inherit (繼承)T繼承父元素的可見性。

visible C可見):可見的。

hidden (隱藏):隱藏的。

(3)Height C高)和Width (寬)下拉列表框:設(shè)置定位元素的大小,選擇auto (自動)選項,會 根據(jù)內(nèi)容的大小自動調(diào)整。也可以輸入具體的值來設(shè)置大小,然后在右側(cè)選擇單位,默認單位是像素。

(4)Z-index (Z軸)下拉列表框:設(shè)置定位元素的層疊順序??梢暂斎胝祷蜇撝担翟酱?, 所在層就會位于較低值所在層的上端。

(5) Placement (定位)選項:設(shè)置定位偏移位置。left表示參照相對物左邊界向右偏移位置,top 表示參照相對物頂邊界向下偏移位置,bottom表示參照相對物底邊界向上偏移位置,right表示參照 相對物右邊界向左偏移位置。

(6)Overflow (溢出):設(shè)置超出元素容納的范圍時的處理方式。

visible (可見):無論元素的大小、內(nèi)容都會顯示出來。

hidden (隱藏):隱藏超出元素大小的內(nèi)容。

scroll (滾動):不管內(nèi)容是否超出元素的范圍,選擇此選項都會為元素添加滾動條。

auto (自動):只在內(nèi)容超出元素時才顯示滾動條。

(7)Clip (剪輯)選項:設(shè)置裁切區(qū)域的位置和大小。與P丨acement選項中4個坐標偏移值用法相似。


繼續(xù)查找其他問題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部