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

dw 2014如何定義定位樣式?

提問(wèn)人:劉旭39發(fā)布時(shí)間:2020-11-11

定義定位樣式

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

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

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

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

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

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

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

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

visible C可見(jiàn)):可見(jiàn)的。

hidden (隱藏):隱藏的。

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

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

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

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

visible (可見(jiàn)):無(wú)論元素的大小、內(nèi)容都會(huì)顯示出來(lái)。

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

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

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

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


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

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