WIKI使用導航
站長百科導航
站長專題
- 網(wǎng)站推廣
- 網(wǎng)站程序
- 網(wǎng)站賺錢
- 虛擬主機
- cPanel
- 網(wǎng)址導航專題
- 云計算
- 微博營銷
- 虛擬主機管理系統(tǒng)
- 開放平臺
- WIKI程序與應用
- 美國十大主機
Dreamweaver/關于CSS層
- 理解DreamWeaver層的概念
通過 Dreamweaver,您可以使用層來設計頁面的布局。您可以將層前后放置,隱藏某些層而顯示其他層,以及在屏幕上移動層。您可以在一個層中放置背景圖像,然后在該層的前面放置第二個層,它包含帶有透明背景的文本。
利用層可以非常靈活地放置內容。但是,使用舊版本的 Web 瀏覽器的站點訪問者查看層時可能會遇到麻煩。若要確保所有人都能夠查看您的 Web 頁,可以使用層設計頁面布局,然后將層轉換為表。有關更多信息,請參見將層轉換為表格。但是,如果您所面對的訪問者很可能使用某種最新的瀏覽器,則可以完全用層來設計布局,而無需將層轉換為表格。
- 關于DreamWeaver層的 HTML 代碼
當您在文檔中放置層時,Dreamweaver 將在代碼中插入該層的 HTML 標簽。默認情況下,Dreamweaver 會使用 div 標簽創(chuàng)建層。您還可以使用另外兩種標簽來創(chuàng)建層:layer 和 ilayer。
但是,只有 Netscape Navigator 4 支持這些標簽;Internet Explorer 不支持這些標簽,而 Netscape 在較新的瀏覽器中也不再支持這些標簽。Dreamweaver 可以識別 layer 和 ilayer 標簽,但不使用這些標簽來創(chuàng)建層。
在使用“繪制層”工具繪制層時,Dreamweaver 會在文檔中插入 div 標簽,并為層分配 id 值(默認情況下,Layer1 表示繪制的第一層,Layer2 表示繪制的第二層,依此類推)。稍后,可以使用“層”面板或“屬性”檢查器將層重新命名為想要的任何名稱。Dreamweaver 還使用文檔頭中的嵌入式 CSS 來定位層和確定層的確切尺寸。
下面是一個層的 HTML 代碼示例:
<head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Sample Layers Page</title> <style type="text/css"> <!-- #Layer1 { position:absolute; left:62px; top:67px; width:421px; height:188px; z-index:1; } --> </style> </head> <body> <div id="Layer1"></div> </body> </html>
您可以設置頁面上層的屬性,其中包括 x 和 y 坐標、z 軸(也稱作堆疊順序)以及可見性
參考來源[ ]
Dreamweaver使用手冊導航 | ||||||
---|---|---|---|---|---|---|
|