Dreamweaver MX 2004 CSS使用教程之CSS定位屬性

css|dreamweaver|教程

　　本站原創內容,轉載請註明出處網頁教學網。

　　 八.定義 CSS 樣式定位屬性

　　“定位”樣式屬性使用“層”首選參數中定義層的預設標籤，將標籤或所選文字區塊更改為新層。

　　設定層定位屬性：在“CSS 樣式定義”對話方塊中，選擇“定位”（如下圖），然後設定所需的樣式屬性。

　　如果不設定屬性可以保持為空白。

　　類型：確定瀏覽器應如何來定位層。

　　絕對：使用“定位”框中輸入的座標（相對於頁面左上方）來放置層。

　　相對：使用“定位”框中輸入的座標（相對於對象在文檔的文本中的位置）來放置層。該選項不顯示在“文檔”視窗中。

　　靜態：將層放在它在文本中的位置。

　　顯示：確定層的初始顯示條件。如果不指定可見度屬性，則預設情況下大多數瀏覽器都繼承父級的值。選擇以下可見度選項之一：

　　繼承：繼承層父級的可見度屬性。如果層沒有父級，則它將是可見的。

　　可見：顯示該層的內容，而不管父級的值是什麼。

　　隱藏：隱藏這些層的內容，而不管父級的值是什麼。

　　Z 軸：確定層的堆疊順序。編號較高的層顯示在編號較低的層的上面。值可以為正，也可以為負。（註：使用“層”面板更改層的堆疊順序更容易。）

　　溢出（僅限於 CSS 層）：確定在層的內容超出它的大小時將發生的情況。這些屬性控制如何處理此擴充，如下所示：

　　可見：增加層的大小，使它的所有內容均可見。層向右下方擴充。

　　隱藏：保持層的大小並剪輯任何超出的內容。不提供任何捲軸。

　　滾動：在層中添加捲軸，不論內容是否超出層的大小。專門提供捲軸可避免捲軸在動態環境中出現和消失所引起的混亂。該選項不顯示在“文檔”視窗中，並且僅適用於支援捲軸的瀏覽器。注意：Internet Explorer 和 Netscape Navigator 6 支援此屬性。

　　自動：使捲軸僅在層的內容超出它的邊界時才出現。該選項不顯示在“文檔”視窗中。

　　定位：指定層的位置和大小。瀏覽器如何解釋位置取決於“類型”設定。如果層的內容超出指定的大小，則大小值被覆蓋。

　　位置和大小的預設單位是像素。對於 CSS 層，還可以指定下列單位：pc（十二點活字）、pt（點）、in（英寸）、mm（毫米）、cm（厘米）、(ems)、(exs) 或 %（父級值的百分比）。縮寫必須緊跟在值之後，中間不留空格：例如，3mm。

　　剪輯：定義層的可見部分。如果指定了剪輯地區，可以通過指令碼語言（如 JavaScript）訪問它，並操作屬性以建立像擦除這樣的特殊效果。通過使用“改變屬性”行為可以設定這些擦除效果。

　　設定完這些選項後，在面板左側選擇另一個 CSS 類別以設定其它的樣式屬性，或單擊“確定”。