創(chuàng)建可反復(fù)使用的外部CSS樣式表

用DreamWeaver在某網(wǎng)頁(yè)中創(chuàng)建了一種CSS樣式后，如果你要在另外的網(wǎng)頁(yè)中應(yīng)用該樣式，你不必從新創(chuàng)建該CSS樣式，只要你創(chuàng)建了外部CSS樣式表文件（external CSS style sheet），你便可以在今后任意調(diào)用該樣式表文件中的樣式。為了便于管理，先在站點(diǎn)所在文件夾中，新建一個(gè)文件夾，取名為CSS，專(zhuān)門(mén)用于放置外部樣式表文件（其擴(kuò)展名為css）。

1、在Document Window中按Ctrl+shift+E，調(diào)出Edit Style Sheet（編輯樣式表）對(duì)話(huà)框窗口

2、點(diǎn)擊"link"。

3、在彈出的Link External Style Sheet(鏈接外部樣式表)對(duì)話(huà)框，點(diǎn)BROWSE，找到剛才創(chuàng)建的CSS文件夾。

4、在Select Stylesheet File (選擇樣式表文件)窗口"文件名"欄中，鍵入*.css (*可以為任意名)，請(qǐng)注意，事實(shí)上此時(shí)在CSS文件夾中并無(wú)樣式表文件，在"文件名"欄中鍵入的新名字將成為外部樣式表新文件的名字。比如鍵入title.css，,然后點(diǎn)Select | OK。

5、在Edit Style Sheet（編輯樣式表）對(duì)話(huà)框窗口中，會(huì)新增加 title.css (link), 雙擊它。

6、在彈出的"title.css"窗口中，點(diǎn)"New"。

7、在"New Style"對(duì)話(huà)框中，點(diǎn)選"Make Custom Style (class)"按鈕

8、在Name欄中鍵入某個(gè)名字，如myheadline,點(diǎn)OK。

9、在接下來(lái)的"Style definition for .myheadline in title.css"對(duì)話(huà)框中，進(jìn)行字體、顏色等各種設(shè)置，完成后點(diǎn)OK。如還要?jiǎng)?chuàng)建新的樣式，再點(diǎn)"New",重復(fù)剛才的步驟6、7、8、9，最后點(diǎn)"save"| "done",于是title.css這個(gè)外部樣式表文件便創(chuàng)建好了。菜單欄上的"TEXT" |"CSS Styles"子菜單中將會(huì)列出title.css中的所有樣式。如要在其他網(wǎng)頁(yè)中調(diào)用這個(gè)title.css，只需重復(fù)上述1至3步，然后在Select Stylesheet File窗口"文件名"欄中輸入title.css。點(diǎn)"select"| "ok"| "done", title.css中所有的樣式便會(huì)出現(xiàn)在該網(wǎng)頁(yè)菜單欄上的"Text" |"CSS Styles"子菜單中，你將可以在此網(wǎng)頁(yè)中應(yīng)用這些樣式。