每個(gè)人都曾試圖在平淡的學(xué)習(xí)、工作和生活中寫一篇文章。寫作是培養(yǎng)人的觀察、聯(lián)想、想象、思維和記憶的重要手段。范文怎么寫才能發(fā)揮它最大的作用呢？下面是小編為大家收集的優(yōu)秀范文，供大家參考借鑒，希望可以幫助到有需要的朋友。
dreamweaver做css樣式表 dreamweaver cc css樣式篇一
導(dǎo)語：css是讓網(wǎng)頁樣式更加美觀的一門語言，下面就由小編為大家介紹一下dreamweaver中應(yīng)用css樣式表，歡迎大家閱讀!
在默認(rèn)情況下，用dreamweaver設(shè)計(jì)的網(wǎng)頁中的超級(jí)鏈接都有下劃線，看上去不大美觀。要去除這些討厭的下劃線,很多報(bào)刊介紹的方法都是在html源代碼中手工加入一段代碼，其實(shí)在dreamweave中很容易去除鏈接的下劃線。首先在dreamweaver的document windows中隨便建立一個(gè)鏈接，你可以看到這個(gè)鏈接會(huì)有下劃線。怎樣去除這條下劃線呢?
1.在點(diǎn)擊菜單欄上的"text"|"css styles"| "edit style sheet…"(或者直接按快捷鍵ctrl+shift+e),調(diào)出edit style sheet(編輯樣式表)對(duì)話框窗口。
2.點(diǎn)擊"new (新建)"，然后在"new style (新樣式)"對(duì)話框中，點(diǎn)擊"use css selector"按鈕。
3.在selector欄中鍵入a, 然后點(diǎn)ok。
4.隨后彈出"css 樣式定義"對(duì)話框，在type類的decoration(裝飾)中，勾選none，然后點(diǎn)ok，再點(diǎn)done。你將立刻在document windows中發(fā)現(xiàn)鏈接的下劃線已經(jīng)消失了。那么又怎樣實(shí)現(xiàn)當(dāng)鼠標(biāo)懸停在鏈接上時(shí)鏈接變色呢?重復(fù)上述步驟中的的'第一、第二步。然后點(diǎn)選selector旁的下拉箭頭，選擇"a:hover",再點(diǎn)ok。在隨后彈出的 "style definition for a: hover"對(duì)話框中，在type類的color中任意選擇一種顏色(比如選擇紅色)，然后點(diǎn)ok，再點(diǎn)done便完成了。按f12預(yù)覽，將鼠標(biāo)放在鏈接上，該鏈接是不是變成了紅色?如果在剛才的"style definition for a: hover"對(duì)話框中，在backgroud(背景)類里，選擇backgroud的顏色為綠色，那么當(dāng)你把鼠標(biāo)放在超級(jí)鏈接上時(shí)，不但鏈接會(huì)變成紅色，而且還會(huì)有綠色的背景。事實(shí)上，通過剛才的css 樣式定義對(duì)話框，你還可以實(shí)現(xiàn)更多的特殊效果，有興趣的朋友不妨去好好琢磨一下。
用dreamweaver在某網(wǎng)頁中創(chuàng)建了一種css樣式后，如果你要在另外的網(wǎng)頁中應(yīng)用該樣式，你不必從新創(chuàng)建該css樣式，只要你創(chuàng)建了外部css樣式表文件(external css style sheet)，你便可以在今后任意調(diào)用該樣式表文件中的樣式。為了便于管理，先在站點(diǎn)所在文件夾中，新建一個(gè)文件夾，取名為css，專門用于放置外部樣式表文件(其擴(kuò)展名為css)。
1、在document window中按ctrl+shift+e，調(diào)出edit style sheet(編輯樣式表)對(duì)話框窗口
2、點(diǎn)擊"link"。
3、在彈出的link external style sheet(鏈接外部樣式表)對(duì)話框，點(diǎn)browse，找到剛才創(chuàng)建的css文件夾。
4、在select stylesheet file (選擇樣式表文件)窗口"文件名"欄中，鍵入*.css (*可以為任意名)，請(qǐng)注意，事實(shí)上此時(shí)在css文件夾中并無樣式表文件，在"文件名"欄中鍵入的新名字將成為外部樣式表新文件的名字。比如鍵入，,然后點(diǎn)select | ok。
5、在edit style sheet(編輯樣式表)對(duì)話框窗口中，會(huì)新增加 (link), 雙擊它。
6、在彈出的""窗口中，點(diǎn)"new"。
7、在"new style"對(duì)話框中，點(diǎn)選"make custom style (class)"按鈕
8、在name欄中鍵入某個(gè)名字，如myheadline,點(diǎn)ok。
9、在接下來的"style definition for .myheadline in "對(duì)話框中，進(jìn)行字體、顏色等各種設(shè)置，完成后點(diǎn)ok。如還要?jiǎng)?chuàng)建新的樣式，再點(diǎn)"new",重復(fù)剛才的步驟6、7、8、9，最后點(diǎn)"save"| "done",于是這個(gè)外部樣式表文件便創(chuàng)建好了。菜單欄上的"text" |"css styles"中的所有樣式。如要在其他網(wǎng)頁中調(diào)用這個(gè)，只需重復(fù)上述1至3步，然后在select stylesheet file窗口"文件名"。點(diǎn)"select"| "ok"| "done", 中所有的樣式便會(huì)出現(xiàn)在該網(wǎng)頁菜單欄上的"text" |"css styles"子菜單中，你將可以在此網(wǎng)頁中應(yīng)用這些樣式。
s("content_relate");【dreamweaver中應(yīng)用css樣式表】相關(guān)文章：
dreamweaver中css樣式表應(yīng)用技巧
07-24
dreamweaver中應(yīng)用css的技巧
09-30
dreamweaver中應(yīng)用css的技巧介紹
07-31
dreamweaver應(yīng)用css樣式設(shè)計(jì)
07-24
dreamweaver8掌握css層疊樣式表
09-18
dreamweaver中編寫css必須掌握的技巧
07-31
dreamweaver編寫和css技巧
08-01
dreamweaver8.0速記css屬性
09-06
關(guān)于dreamweaver中模板的應(yīng)用
08-01
【本文地址：http://www.aiweibaby.com/zuowen/2753248.html】
