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

來源:互聯網
上載者:User
css|dreamweaver|教程

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

   八.定義 CSS 樣式定位屬性

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

  設定層定位屬性:在“CSS 樣式定義”對話方塊中,選擇“定位”(如下圖),然後設定所需的樣式屬性。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。