1、Dreamweaver應(yīng)用CSS樣式設(shè)計Dreamweaver應(yīng)用CSS樣式設(shè)計層疊樣式表 (CSS) 是一系列格式規(guī)則，它們控制網(wǎng)頁內(nèi)容的外觀。CSS 樣式使您可以控制許多僅使用 HTML 無法控制的屬性。以下是小編為大家搜索整理的Dreamweaver應(yīng)用CSS樣式，希望能給大家?guī)韼椭?一、 去除超級鏈接的下劃線以及在超級鏈接上實現(xiàn)鼠標(biāo)懸停變色：在默認(rèn)情況下，用DreamWeaver設(shè)計的網(wǎng)頁中的超級鏈接都有下劃線，看上去不大美觀。要去除這些討厭的下劃線,很多報刊介紹的方法都是在HTML源代碼中手工加入一段代碼，其實在DreamWeave中很容易去除鏈接的下劃線。首先在DreamWeav

2、er的Document Windows中隨便建立一個鏈接，你可以看到這個鏈接會有下劃線。怎樣去除這條下劃線呢?1.在點擊菜單欄上的Text|CSS Styles| Edit Style Sheet(或者直接按快捷鍵Ctrl+shift+E),調(diào)出Edit Style Sheet(編輯樣式表)對話框窗口。2.點擊New (新建)，然后在New Style (新樣式)對話框中，點擊Use CSS Selector按鈕。3.在Selector欄中鍵入a, 然后點OK。4.隨后彈出CSS 樣式定義對話框，在Type類的decoration(裝飾)中，勾選none，然后點OK，再點Done。你將立刻在D

3、ocument Windows中發(fā)現(xiàn)鏈接的下劃線已經(jīng)消失了。那么又怎樣實現(xiàn)當(dāng)鼠標(biāo)懸停在鏈接上時鏈接變色呢?重復(fù)上述步驟中的的第一、第二步。然后點選Selector旁的下拉箭頭，選擇a:hover,再點OK。在隨后彈出的 Style definition for a: hover對話框中，在Type類的color中任意選擇一種顏色(比如選擇紅色)，然后點OK，再點Done便完成了。按F12預(yù)覽，將鼠標(biāo)放在鏈接上，該鏈接是不是變成了紅色?如果在剛才的Style definition for a: hover對話框中，在Backgroud(背景)類里，選擇backgroud的顏色為綠色，那么當(dāng)你把鼠

4、標(biāo)放在超級鏈接上時，不但鏈接會變成紅色，而且還會有綠色的背景。事實上，通過剛才的CSS 樣式定義對話框，你還可以實現(xiàn)更多的特殊效果，有興趣的朋友不妨去好好琢磨一下。二、創(chuàng)建可反復(fù)使用的外部CSS樣式表用DreamWeaver在某網(wǎng)頁中創(chuàng)建了一種CSS樣式后，如果你要在另外的網(wǎng)頁中應(yīng)用該樣式，你不必從新創(chuàng)建該CSS樣式，只要你創(chuàng)建了外部CSS樣式表文件(external CSS style sheet)，你便可以在今后任意調(diào)用該樣式表文件中的樣式。為了便于管理，先在站點所在文件夾中，新建一個文件夾，取名為CSS，專門用于放置外部樣式表文件(其擴(kuò)展名為css)。1、在Document Window

5、中按Ctrl+shift+E，調(diào)出Edit Style Sheet(編輯樣式表)對話框窗口2、點擊link。3、在彈出的Link External Style Sheet(鏈接外部樣式表)對話框，點BROWSE，找到剛才創(chuàng)建的CSS文件夾。4、在Select Stylesheet File (選擇樣式表文件)窗口文件名欄中，鍵入*.css (*可以為任意名)，請注意，事實上此時在CSS文件夾中并無樣式表文件，在文件名欄中鍵入的新名字將成為外部樣式表新文件的.名字。比如鍵入title.css，,然后點Select | OK。5、在Edit Style Sheet(編輯樣式表)對話框窗口中，會新增

6、加 title.css (link), 雙擊它。6、在彈出的title.css窗口中，點New。7、在New Style對話框中，點選Make Custom Style (class)按鈕8、在Name欄中鍵入某個名字，如myheadline,點OK。9、在接下來的Style definition for .myheadline in title.css對話框中，進(jìn)行字體、顏色等各種設(shè)置，完成后點OK。如還要創(chuàng)建新的樣式，再點New,重復(fù)剛才的步驟6、7、8、9，最后點save| done,于是title.css這個外部樣式表文件便創(chuàng)建好了。菜單欄上的TEXT |CSS Styles子菜單中將會列出title.css中的所有樣式。如要在其他網(wǎng)頁中調(diào)用這個title.css，只需重復(fù)上述1至3步，然后在Select Stylesheet File窗口文件名欄