在DreamWeaver中應用CSS樣式表技巧兩則
2007/1/10 23:39:40
  一、 去除超級鏈接的下劃線以及在超級鏈接上實現鼠標懸停變色:
  在默認情況下,用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"子菜單中,你將可以在此網頁中應用這些樣式。

返回列表
返回首頁 主站蜘蛛池模板: 欧美精品久久一区二区三区| 国产在线精品99一卡2卡| 四虎a456tncom| 99久久99久久精品| 福利视频一区二区三区| 国产精品揄拍一区二区| 中韩高清无专码区2021曰| 永久免费毛片在线播放| 国产乱女乱子视频在线播放 | 国产猛男猛女超爽免费视频| 中国china体内裑精亚洲日本| 欧美成人全部费免网站| 四虎8848精品永久在线观看| 91网站免费观看| 大香伊蕉在人线国产最新75| 久久成人无码国产免费播放| 爱情岛论坛亚洲品质自拍视频网站| 国产天堂在线一区二区三区| a国产成人免费视频| 日本高清va不卡视频在线观看| 亚洲视频免费观看| 被强到爽的邻居人妻完整版| 国产香蕉一区二区在线网站 | 国产欧美日韩亚洲一区二区三区| 一二三四国语在线观看视频| 最近中文字幕高清免费大全8| 免费人成在线观看网站视频| 91在线国内在线播放大神| 无码办公室丝袜OL中文字幕| 亚洲日本va在线观看| 美女露胸视频网站| 国产福利电影在线观看| www.tube8.com日本| 日韩人妻潮喷中文在线视频| 亚洲精品成人a在线观看| 草草影院私人免费入口| 国产精品无码一区二区三级 | 欧美影院一区二区| 公交车忘穿内裤被挺进小说白| 日本国产成人精品视频| 大陆年轻帅小伙飞机gay|