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

定位屬性有哪些?Dreamweaver CS6 2012

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

定位

“定位”分類用于精確控制網(wǎng)頁元素的位 置,主要針對層的位置進(jìn)行控制,"定位u選項(xiàng) 面板如圖所示。image.png

“定位"面板包括以下幾種CSS屬性,其他對話框中已講解過的這里不再贅述。

“Position (類型)B選項(xiàng):確定定位的類 型,其下拉列表中包括"absolute (絕對1" "fixed (固定)"“relative {相對)""static (靜 態(tài))" 4個(gè)選項(xiàng)。"absolute (絕對)"選項(xiàng)表示 以頁面左上角為坐標(biāo)原點(diǎn),使用"定位"選項(xiàng)中輸入的坐標(biāo)值來放置層;"fixed (固定)"選 項(xiàng)表示以頁面左上角為坐標(biāo)原點(diǎn)放罝內(nèi)容,當(dāng) 用戶滾動(dòng)頁面時(shí),內(nèi)容將在此位置保持固定。 "relative (相對)”選項(xiàng)表示以對象在文檔中的 位置為坐標(biāo)原點(diǎn),使用"定位11選項(xiàng)中輸入的坐 標(biāo)來放置層;"static (靜態(tài))”選項(xiàng)表示以對象 在文檔中的位置為坐標(biāo)原點(diǎn),將層放在它在文本 中的位置處。該選項(xiàng)不顯示在文檔窗口中。

"Visibility (顯示)”選項(xiàng):確定層的初始 顯示條件,包括“inherit (繼承)"“visible (可 見)""hidden {隱藏)" 3個(gè)選項(xiàng)。"inherit (繼承)”選項(xiàng)表示繼承父級層的可見性屬性。 如果層沒有父級層,則它將是可見的。Visible (可見)”選項(xiàng)表示無論父級層如何設(shè)置,都顯 示該層的內(nèi)容。uhidden (隱藏)u選項(xiàng)表示無 論父級層如何設(shè)置,都隱藏層的內(nèi)容。如果不設(shè) 置"Visibility (顯示)"選項(xiàng),則默認(rèn)情況下大多 數(shù)瀏覽器繼承父級層的屬性。

“Z-Index U軸)”選項(xiàng):確定層的堆疊順 序,為元素設(shè)置重疊效果。編號較高的層顯示在 編號較低的層的上面。該選項(xiàng)使用整數(shù),可以為 正,也可以為負(fù)。

“Overflow (溢位)”選項(xiàng):此選項(xiàng)僅限 于CSS層,用于確定在層的內(nèi)容超出它的尺寸時(shí) 的顯示狀態(tài)。其中,"visible (可見)”選項(xiàng)表 示當(dāng)層的內(nèi)容超出層的尺寸時(shí),層向右下方擴(kuò) 展以增加層的大小,使層內(nèi)的所有內(nèi)容可見。

"hidden (隱藏)”選項(xiàng)表示保持層的大小并 剪輯層內(nèi)任何超出層尺寸的內(nèi)容D "scroll (滾 動(dòng))”選項(xiàng)表示不論層的內(nèi)容是否超出層的邊界 都在層內(nèi)添加滾動(dòng)條。"scroll (滾動(dòng))”選項(xiàng) 不顯示在文檔窗口中,并且僅適用于支持滾動(dòng)條 的瀏覽器。"auto (自動(dòng))"選項(xiàng)表示滾動(dòng)條僅 在層的內(nèi)容超出層的邊界時(shí)才顯示。"auto (自 動(dòng))"選項(xiàng)不顯示在文檔窗口中。

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

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