建立可反複使用的外部CSS樣式表
用DreamWeaver在某網頁中建立了一種CSS樣式後,如果你要在另外的網頁中應用該樣式,你不必從新建立該CSS樣式,隻要你建立了外部CSS樣式表檔案(externalCSSstylesheet),你便可以在今後任意調用該樣式表檔案中的樣式。
為了便于管理,先在站點所在檔案夾中,建立一個檔案夾,取名為CSS,專門用于放置外部樣式表檔案(其擴充名為css)。
1、在DocumentWindow中按Ctrl+shift+E,調出EditStyleSheet(編輯樣式表)對話框視窗
2、點選"link"。
3、在彈出的LinkExternalStyleSheet(連結外部樣式表)對話框,點BROWSE,找到剛才建立的CSS檔案夾。
4、在SelectStylesheetFile(選擇樣式表檔案)視窗"檔案名"欄中,鍵入*。
css(*可以為任意名),請注意,事實上此時在CSS檔案夾中并無樣式表檔案,在"檔案名"欄中鍵入的新名字将成為外部樣式表新檔案的名字。比如鍵入title。css,,然後點Select|OK。
5、在EditStyleSheet(編輯樣式表)對話框視窗中,會新增加title。
css(link),輕按兩下它。
6、在彈出的"title。css"視窗中,點"New"。
7、在"NewStyle"對話框中,點選"MakeCustomStyle(class)"按鈕
8、在Name欄中鍵入某個名字,如myheadline,點OK。
9、在接下來的"Styledefinitionfor。myheadlineintitle。css"對話框中,進行字型、顔色等各種設定,完成後點OK。如還要建立新的樣式,再點"New",重複剛才的步驟6、7、8、9,最後點"save"|"done",于是title。
css這個外部樣式表檔案便建立好了。菜單欄上的"TEXT"|"CSSStyles"子菜單中将會列出title。css中的所有樣式。如要在其他網頁中調用這個title。css,隻需重複上述1至3步,然後在SelectStylesheetFile視窗"檔案名"欄中輸入title。
css。點"select"|"ok"|"done",title。css中所有的樣式便會出現在該網頁菜單欄上的"Text"|"CSSStyles"子菜單中,你将可以在此網頁中應用這些樣式。
全部