建站中CSS樣式表常見的兩種使用方法
發布日期：[2016/4/6] 編輯：奇億廣州網站建設
一、 去除超級鏈接的下劃線以及在超級鏈接上實現鼠標懸停變色：
在默認情況下，用DreamWeaver設計的網頁中的超級鏈接都有下劃線，看上去不大美觀。要去除這些討厭的下劃線,很多報刊介紹的方法都是在HTML源代碼中手工加入一段代碼，其實在DreamWeave中很容易去除鏈接的下劃線。首先在DreamWeaver的Document Windows中隨便建立一個鏈接，你可以看到這個鏈接會有下劃線。怎樣去除這條下劃線呢?
1.在點擊菜單欄上的"Text"|"CSS Styles"| "Edit Style Sheet…"(或者直接按快捷鍵Ctrl+shift+E),調出Edit Style Sheet(編輯樣式表)對話框窗口。
2.點擊"New (新建)"，然后在"New Style (新樣式)"對話框中，點擊"Use CSS Selector"按鈕。
3.在Selector欄中鍵入a, 然后點OK。
4.隨后彈出"CSS 樣式定義"對話框，在Type類的decoration(裝飾)中，勾選none，然后點OK，再點Done。你將立刻在Document Windows中發現鏈接的下劃線已經消失了。那么又怎樣實現當鼠標懸停在鏈接上時鏈接變色呢?重復上述步驟中的的第一、第二步。然后點選Selector旁的下拉箭頭，選擇"a:hover",再點OK。在隨后彈出的 "Style definition for a: hover"對話框中，在Type類的color中任意選擇一種顏色(比如選擇紅色)，然后點OK，再點Done便完成了。按F12預覽，將鼠標放在鏈接上，該鏈接是不是變成了紅色?如果在剛才的"Style definition for a: hover"對話框中，在Backgroud(背景)類里，選擇backgroud的顏色為綠色，那么當你把鼠標放在超級鏈接上時，不但鏈接會變成紅色，而且還會有綠色的背景。事實上，通過剛才的CSS 樣式定義對話框，你還可以實現更多的特殊效果，有興趣的朋友不妨去好好琢磨一下。
二、創建可反復使用的外部CSS樣式表
用DreamWeaver在某網頁中創建了一種CSS樣式后，如果你要在另外的網頁中應用該樣式，你不必從新創建該CSS樣式，只要你創建了外部CSS樣式表文件(external CSS style sheet)，你便可以在今后任意調用該樣式表文件中的樣式。為了便于管理，先在站點所在文件夾中，新建一個文件夾，取名為CSS，專門用于放置外部樣式表文件(其擴展名為css)。
1、在Document Window中按Ctrl+shift+E，調出Edit Style Sheet(編輯樣式表)對話框窗口
2、點擊"link"。
3、在彈出的Link External Style Sheet(鏈接外部樣式表)對話框，點BROWSE，找到剛才創建的CSS文件夾。
4、在Select Stylesheet File (選擇樣式表文件)窗口"文件名"欄中，鍵入*.css (*可以為任意名)，請注意，事實上此時在CSS文件夾中并無樣式表文件，在"文件名"欄中鍵入的新名字將成為外部樣式表新文件的名字。比如鍵入title.css，,然后點Select | OK。
5、在Edit Style Sheet(編輯樣式表)對話框窗口中，會新增加 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"對話框中，進行字體、顏色等各種設置，完成后點OK。如還要創建新的樣式，再點"New",重復剛才的步驟6、7、8、9，最后點"save"| "done",于是title.css這個外部樣式表文件便創建好了。菜單欄上的"TEXT" |"CSS Styles"子菜單中將會列出title.css中的所有樣式。如要在其他網頁中調用這個title.css，只需重復上述1至3步，然后在Select Stylesheet File窗口"文件名"欄中輸入title.css。點"select"| "ok"| "done", title.css中所有的樣式便會出現在該網頁菜單欄上的"Text" |"CSS Styles"子菜單中，你將可以在此網頁中應用這些樣式。
本文由奇億網站建設原創，原文地址：http://www.studstu.com/news/1450.html，轉摘請保留版權，謝謝。
2016/4/6
從七個方面提高網站建設用戶體驗
2016/4/6 美團和糯米團購運營模式的不同之處
2016/4/5 淺談互聯網家裝有令人堪憂的未來
2016/4/5 網站開發與模板建站有什么區別？
2016/4/5 做好網站優化應如何分析用戶需求？
2016/4/5 為什么說當前的公眾號價值已降低？
2016/4/5 網紅商業模式對互聯網的意義
2016/4/1 微信電子發票出現對互聯網的意義
2016/4/1 八個不同網站建設風格的個人網站案例
2016/4/1 谷歌為何要關閉移動支付？
2016/4/1 二級域名要怎樣優化？
2016/4/1 奇億網站建設2016年清明節放假通知
2016/3/31 網絡視頻看檔次必先成立影業公司
2016/3/31 京東金融怎樣才能走得更遠？
2016/3/31 企業新媒體社群運營價值變現六步法
2016/3/31 從新浪電商化失敗案例引發的思考
2016/3/31 在農村應如何發展互聯網金融？
2016/3/30 互聯網外賣商業價值的爭議
2016/3/30 傳統企業轉型，不要被互聯網綁架了
2016/3/30 淺談“互聯網+”保險應如何發展
在默認情況下，用DreamWeaver設計的網頁中的超級鏈接都有下劃線，看上去不大美觀。要去除這些討厭的下劃線,很多報刊介紹的方法都是在HTML源代碼中手工加入一段代碼，其實在DreamWeave中很容易去除鏈接的下劃線。首先在DreamWeaver的Document Windows中隨便建立一個鏈接，你可以看到這個鏈接會有下劃線。怎樣去除這條下劃線呢?
1.在點擊菜單欄上的"Text"|"CSS Styles"| "Edit Style Sheet…"(或者直接按快捷鍵Ctrl+shift+E),調出Edit Style Sheet(編輯樣式表)對話框窗口。
2.點擊"New (新建)"，然后在"New Style (新樣式)"對話框中，點擊"Use CSS Selector"按鈕。
3.在Selector欄中鍵入a, 然后點OK。
4.隨后彈出"CSS 樣式定義"對話框，在Type類的decoration(裝飾)中，勾選none，然后點OK，再點Done。你將立刻在Document Windows中發現鏈接的下劃線已經消失了。那么又怎樣實現當鼠標懸停在鏈接上時鏈接變色呢?重復上述步驟中的的第一、第二步。然后點選Selector旁的下拉箭頭，選擇"a:hover",再點OK。在隨后彈出的 "Style definition for a: hover"對話框中，在Type類的color中任意選擇一種顏色(比如選擇紅色)，然后點OK，再點Done便完成了。按F12預覽，將鼠標放在鏈接上，該鏈接是不是變成了紅色?如果在剛才的"Style definition for a: hover"對話框中，在Backgroud(背景)類里，選擇backgroud的顏色為綠色，那么當你把鼠標放在超級鏈接上時，不但鏈接會變成紅色，而且還會有綠色的背景。事實上，通過剛才的CSS 樣式定義對話框，你還可以實現更多的特殊效果，有興趣的朋友不妨去好好琢磨一下。
二、創建可反復使用的外部CSS樣式表
用DreamWeaver在某網頁中創建了一種CSS樣式后，如果你要在另外的網頁中應用該樣式，你不必從新創建該CSS樣式，只要你創建了外部CSS樣式表文件(external CSS style sheet)，你便可以在今后任意調用該樣式表文件中的樣式。為了便于管理，先在站點所在文件夾中，新建一個文件夾，取名為CSS，專門用于放置外部樣式表文件(其擴展名為css)。
1、在Document Window中按Ctrl+shift+E，調出Edit Style Sheet(編輯樣式表)對話框窗口
2、點擊"link"。
3、在彈出的Link External Style Sheet(鏈接外部樣式表)對話框，點BROWSE，找到剛才創建的CSS文件夾。
4、在Select Stylesheet File (選擇樣式表文件)窗口"文件名"欄中，鍵入*.css (*可以為任意名)，請注意，事實上此時在CSS文件夾中并無樣式表文件，在"文件名"欄中鍵入的新名字將成為外部樣式表新文件的名字。比如鍵入title.css，,然后點Select | OK。
5、在Edit Style Sheet(編輯樣式表)對話框窗口中，會新增加 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"對話框中，進行字體、顏色等各種設置，完成后點OK。如還要創建新的樣式，再點"New",重復剛才的步驟6、7、8、9，最后點"save"| "done",于是title.css這個外部樣式表文件便創建好了。菜單欄上的"TEXT" |"CSS Styles"子菜單中將會列出title.css中的所有樣式。如要在其他網頁中調用這個title.css，只需重復上述1至3步，然后在Select Stylesheet File窗口"文件名"欄中輸入title.css。點"select"| "ok"| "done", title.css中所有的樣式便會出現在該網頁菜單欄上的"Text" |"CSS Styles"子菜單中，你將可以在此網頁中應用這些樣式。
本文由奇億網站建設原創，原文地址：http://www.studstu.com/news/1450.html，轉摘請保留版權，謝謝。
從七個方面提高網站建設用戶體驗 美團和糯米團購運營模式的不同之處 淺談互聯網家裝有令人堪憂的未來 網站開發與模板建站有什么區別？ 做好網站優化應如何分析用戶需求？ 為什么說當前的公眾號價值已降低？ 網紅商業模式對互聯網的意義 微信電子發票出現對互聯網的意義 八個不同網站建設風格的個人網站案例 谷歌為何要關閉移動支付？ 二級域名要怎樣優化？ 奇億網站建設2016年清明節放假通知 網絡視頻看檔次必先成立影業公司 京東金融怎樣才能走得更遠？ 企業新媒體社群運營價值變現六步法 從新浪電商化失敗案例引發的思考 在農村應如何發展互聯網金融？ 互聯網外賣商業價值的爭議 傳統企業轉型，不要被互聯網綁架了 淺談“互聯網+”保險應如何發展
