亚洲国产一区二区三区在线观看 ,亚洲人成77777在线播放网站 ,亚洲国产精品一区二区久久

1. CSS Styles面板
通過(guò)前面幾章的學(xué)習(xí)，相信大家對(duì)CSS有了一定的了解，這一章我們來(lái)講解如何利用Dreamweaver4來(lái)創(chuàng)建CSS。首先運(yùn)行Dreamweaver4，啟動(dòng)后，選擇菜單下的Windows->CSS Styles（或按Shitf+F11），系統(tǒng)彈出CSS Styles管理面板，如下圖所示：
在CSS Styles面板里顯示了所有自定義的CSS樣式（也就是上面提到的以點(diǎn)開(kāi)頭的類選擇符，Dreamweaver4把這樣以點(diǎn)開(kāi)頭的類選擇符作為自定義樣式來(lái)使用），可以利用Apply按鈕這些CSS樣式隨意應(yīng)用在頁(yè)面中的文本或文檔區(qū)域。
注意：應(yīng)用按鈕前面有一個(gè)復(fù)選框，選中的時(shí)候按鈕成灰色不可用，表示自動(dòng)應(yīng)用，只要鼠標(biāo)單擊自定的CSS樣式就會(huì)自動(dòng)應(yīng)用到頁(yè)面中當(dāng)前元素；如果復(fù)選框沒(méi)有選中，Apply按鈕為可用，應(yīng)用時(shí)需要點(diǎn)Apply按鈕。當(dāng)對(duì)象應(yīng)用了自定義樣式時(shí)，也就相當(dāng)于在當(dāng)前HTML標(biāo)記后加上class=”...”。另外在樣式前有一個(gè)“S”型的符號(hào) ，表示內(nèi)部定義樣式；如果是符號(hào) ，表示這個(gè)樣式鏈接到外部樣式表文件。
注意：CSS Styles面板只顯示自定義（class）CSS 樣式；重定義的HTML標(biāo)記和其他CSS選擇符樣式不會(huì)出現(xiàn)在CSS Styles面板上，這是因?yàn)樗鼈兛梢宰詣?dòng)應(yīng)用于那些HTML標(biāo)記控制的區(qū)域。（重定義HTML標(biāo)記是指選擇符為單個(gè)HTML標(biāo)記的CSS樣式，之所以叫重定義是因?yàn)橹匦露x了并改變?cè)瓉?lái)HTML標(biāo)記的樣式。）
在右下角有4個(gè)小按鈕，這是最常用的幾個(gè)命令：
Attach Style Sheet：（鏈接到樣式表）點(diǎn)擊后會(huì)彈出一個(gè)選擇樣式表對(duì)話框，選中以前創(chuàng)建好的外部樣式表，點(diǎn)確定就鏈接加入了這個(gè)外部樣式表。加入外部樣式表時(shí)注意盡量使用相對(duì)路徑。 New Style：（新建樣式）一般我們通過(guò)這個(gè)按鈕來(lái)創(chuàng)建CSS樣式表。
Edit Style sheet：（編輯樣式表）點(diǎn)擊后會(huì)彈出編輯樣式表對(duì)話框，顯示了所有已存在的內(nèi)部和外部樣式表，可以在這個(gè)對(duì)話框里新建、編輯、刪除樣式。
Delete：（刪除樣式）先選中要?jiǎng)h除的自定義CSS樣式，然后點(diǎn)此按鈕，樣式就被刪除了。
點(diǎn)上面的小三角或點(diǎn)擊鼠標(biāo)右鍵會(huì)彈出一個(gè)菜單，菜單的功能依次為：
Edit：（編輯）編輯你當(dāng)前選中的自定義CSS樣式，點(diǎn)擊后就進(jìn)入了編輯此項(xiàng)CSS類樣式的定義樣式對(duì)話框。
Duplicate：（復(fù)制）將當(dāng)前選中的自定義CSS樣式類復(fù)制。
Delete：（刪除）刪除當(dāng)前選中的自定義CSS樣式，和按鈕的效果相同。
Apply：（應(yīng)用）是指將選中的CSS類應(yīng)用在頁(yè)面中當(dāng)前元素。同Apply按鈕。
New Style：（新建樣式）等同于按鈕。
Edit Style sheet：（編輯樣式表）等同于按鈕。
Attach Style Sheet：（鏈接到外部樣式表）等同于按鈕。
Export Style Sheet：（導(dǎo)出樣式表）將此頁(yè)面中的內(nèi)部樣式表導(dǎo)出為一個(gè)外部樣式表文件。注意：Dreamweaver4導(dǎo)出樣式表除了用這個(gè)方法外，還可以用主菜單下的File->Export->Export CSS Styles導(dǎo)出。
2. 創(chuàng)建樣式表的類型在創(chuàng)建樣式表之前我們首先介紹一下Dreamweaver4的三種樣式表類型，點(diǎn)擊CSS Styles面板中的按鈕（或CSS Styles面板菜單New Style），彈出新建樣式對(duì)話框，如下圖：
在Define里可以選擇是外部樣式表，還是內(nèi)部樣式表：
l 選擇New Style Sheet File（新建樣式表文件），系統(tǒng)會(huì)先讓你保存這個(gè)樣式表文件，然后定義這個(gè)樣式表文件。整個(gè)頁(yè)面的樣式就會(huì)跟隨你建立的這個(gè)樣式表文件，然后你可以把這個(gè)外部樣式表文件鏈接到別的頁(yè)面去，這樣就可以使一個(gè)樣式表文件控制多個(gè)頁(yè)面了。
l 如果你選擇This Document Only（只存在這個(gè)文檔），你就建立了一個(gè)內(nèi)部樣式表，Dreamweaver4會(huì)自動(dòng)把你建立的樣式表內(nèi)容放到<head>區(qū)的<style>標(biāo)記里。
在Type里有三種樣式表類型可供選擇：
l Make Custon Style (class) ：（創(chuàng)建自定義樣式）自定義一個(gè)樣式，可以作為class屬性應(yīng)用