創(chuàng)建可反復使用的外部CSS樣式表
用DreamWeaver在某網頁中創(chuàng)建了一種CSS樣式后,如果你要在另外的網頁中應用該樣式,你不必從新創(chuàng)建該CSS樣式,只要你創(chuàng)建了外部CSS樣式表文件(external CSS style sheet),你便可以在今后任意調用該樣式表文件中的樣式。為了便于管理,先在站點所在文件夾中,新建一個文件夾,取名為CSS,專門用于放置外部樣式表文件(其擴展名為css)。
1、在Document Window中按Ctrl+shift+E,調出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(編輯樣式表)對話框窗口中,會新增加 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。如還要創(chuàng)建新的樣式,再點"New",重復剛才的步驟6、7、8、9,最后點"save"| "done",于是title.css這個外部樣式表文件便創(chuàng)建好了。菜單欄上的"TEXT" |"CSS Styles"子菜單中將會列出title.css中的所有樣式。如要在其他網頁中調用這個title.css,只需重復上述1至3步,然后在Select Stylesheet File窗口"文件名"欄中輸入title.css。點"select"| "ok"| "done", title.css中所有的樣式便會出現在該網頁菜單欄上的"Text" |"CSS Styles"子菜單中,你將可以在此網頁中應用這些樣式。
繼續(xù)查找其他問題的答案?
-
Dreamweaver CC 如何在jQurey Mobile使用抖動效果?
2020-12-296次播放
-
Dreamweaver CC 如何在jQuery mobile中設置彈跳效果?
2020-12-296次播放
-
2020-12-251次播放
-
2020-12-251次播放
-
2020-12-250次播放
-
2020-12-253次播放
-
Dreamweaver CC 如何在jQuery Mobile設計首頁?
2020-12-250次播放
-
Dreamweaver CC 如何在jQuery Mobile插入修飾圖標和計數器?
2020-12-250次播放
-
Dreamweaver CC 如何在jQuery Mobile拆分按鈕列表項?
2020-12-252次播放
-
Dreamweaver CC 如何在jQuery Mobile定義列表嵌套?
2020-12-251次播放
點擊加載更多評論>>