- 相關(guān)推薦
2017計算機考試Dreamwaver教程:設(shè)置層的屬性
導(dǎo)語:Dreamweaver是由Macromedia公司開發(fā)的網(wǎng)頁制作工具。功能非常強大。利用它可以輕松地創(chuàng)建出理想的網(wǎng)頁。在Dreamweaver中,我們?nèi)绾卧O(shè)置層的屬性呢?
設(shè)置層的屬性
選中要設(shè)置的層,就可以在屬性面板中設(shè)置層的屬性了。
層編號:給層命名,以便在“層”面板和 JavaScript 代碼中標識該層。
左、上:指定層的左上角相對于頁面(如果嵌套,則為父層)左上角的位置。
寬、高:指定層的寬度和高度。如果層的內(nèi)容超過指定大小,層的底邊緣(按照在Dreamweaver設(shè)計視圖中的顯示)會延伸以容納這些內(nèi)容。(如果“溢出”屬性沒有設(shè)置為“可見”,那么當層在瀏覽器中出現(xiàn)時,底邊緣將不會延伸。
Z軸:設(shè)置層的層次屬性。在瀏覽器中,編號較大的層出現(xiàn)在編號較小的層的前面。值可以為正,也可以為負。當更改層的堆疊順序時,使用“層”面板要比輸入特定的 z 軸值更為簡便
可見性:在“可見性”下拉列表中,設(shè)置層的可見性。使用教本語言如JavaScrip可以控 制層的動態(tài)顯示和隱藏。有四個選項:
Default——選擇該選項,則不指明層的可見性。
Inherit——選擇該選項,可以繼承父層的可見性。
Visible——選擇該選項, 可以顯示層及其包含的內(nèi)容,無論其父級層是否可見。
Hidden——選擇該選項,可以隱藏層及其包含的內(nèi)容,無論其父級層是否可見。
背景顏色:用來設(shè)置層的背景顏色。
背景圖像——用來設(shè)置層的背景圖像。
溢出——選擇當層內(nèi)容超過層的大小時的處理方式。有四個選項:
Visible(顯示):選擇該選項,當層內(nèi)容超出層的范圍時,可自動增加層尺寸。
hidden(隱藏): 選擇該選項,,當層內(nèi)容超出層的范圍時,保持層尺寸不變,隱藏超出部分的內(nèi)容。
scroll(滾動條): 選擇該選項,則層內(nèi)容無論是否超出層的范圍,都會自動增加滾動條。
auto(自動): 選擇該選項,,當層內(nèi)容超出層的范圍時,自動增加滾動條(默認)
剪輯:設(shè)置層的可視區(qū)域。通過上、下、左、右文本框設(shè)置可視區(qū)域與層邊界的像素值。層經(jīng)過“剪輯”后,只有指定的矩形區(qū)域才是可見的。
類:在類的下拉列表中,可以選擇已經(jīng)設(shè)置好的CSS樣式或新建CSS樣式。
注意:位置和大小的默認單位為像素 (px)。也可以指定以下單位:pc (pica)、pt(點)、in(英寸)、mm(毫米)、cm(厘米)或 %(父層相應(yīng)值的百分比)?s寫必須緊跟在值之后,中間不留空格:
使用層制作特效我們在創(chuàng)建網(wǎng)頁的時候,可以發(fā)現(xiàn)層可以在網(wǎng)頁上隨意改變位置,在設(shè)定層的屬性的時,可以知道層有顯示隱藏的功能,通過這兩個特點可以實現(xiàn)很多令人激動的網(wǎng)頁動態(tài)效果。
【計算機考試Dreamwaver教程:設(shè)置層的屬性】相關(guān)文章:
職稱計算機Dreamwaver教程:頁面的總體設(shè)置10-05
職稱計算機Dreamwaver使用教程:頁面的總體設(shè)置06-19
2017職稱計算機考試Dreamwaver教程:使用庫09-26
職稱計算機Dreamwaver教程:文本的插入與編輯11-05
職稱計算機Dreamwaver使用教程:文本的插入與編輯08-20
計算機Dreamwaver使用教程:本地站點的搭建與管理06-13
textarea屬性設(shè)置詳解08-19