dw 2014如何定義定位樣式?
定義定位樣式
定位樣式就是定義定位元素的相關(guān)屬性。使用定位樣式可以把網(wǎng)頁已有的對象轉(zhuǎn)化為定位元素,進行精確定位。在css規(guī)則定義對話框的左側(cè)“分類”列表框中選擇“定位”選項,然后在右側(cè)顯 示CSS樣式的定位屬性,如圖所示。
(1)Position (類型)下拉列表框:設(shè)置定位方式,包括絕對、相對、固定和靜態(tài)4個選項。
absolute (絕對):使用絕對坐標定位元素,則元素不再受文檔流的影響。
relative (相對):使用相對坐標定位元素的位置,相對定位的元素還需要受文檔流的影響, 同時,它還占據(jù)定位前的位置。
fixed (固定):使用固定位置來定義元素的顯示,固定定位的元素不會隨瀏覽器滾動條的 拖動而變化。
static (靜態(tài)):恢復元素的默認狀態(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個坐標偏移值用法相似。
點擊加載更多評論>>