定義 CSS 樣式表的來源時，可以將它定義為一個單獨的檔案，也就是Dreamweaver 會將所設定 CSS 樣式匯出成為一個副檔名為 .css 的檔案。也因為這個檔案是單獨存在的，所以在網站內的所有網頁都可以使用連結的方式套用這個樣式表，如此一來所有網頁都會因為這樣的連結動作，讓網頁版面上的排版顯得十分一致。當變更整個網頁內的排版方式，也不需要再開啟一個個的網頁更新，只要針對這個外部檔案來修正，所有連結的網頁也會跟著改變。

A 開啟檔案，於 CSS 樣式 面板進行樣式表檔的連結。
1. 選按 附加樣式表 鈕。

2. 選按 瀏覽 鈕。

3. 選按要用的檔案後按 確定 鈕。

4. 請確認核選 增加成為：連結，再按 確定 鈕。

5. 回到 CSS 樣式 面板會發現已連結到想要的樣式表中的設定。

B 雖然已連結相關樣式表檔，但是除了已套用內定標籤樣式的段落文字會自動調整外，其他如：作者資訊、表格及影像均需進行套用。以下便將套用時需注意的重點進行相關標示：

1.請將插入點移至 「作者」 文字前方，按一下 Enter 鍵分成二個段落文字。反白選取「時間」與「作者」 相關文字與影像，透過 插入Div 標籤，選擇ID：writer。
2.透過 標籤選取器 面板選按 <table>，接著於 屬性 面板 類別 項目中選按infortable 樣式。
3.在影像上按一下滑鼠左鍵呈選取狀態，於 屬性 面板選按 類別 \ photo 樣式。請依相同方式將其他影像套用此樣式。

C 最後請於 <blog.htm> 頁面中設定超連結。
1. 反白選取第一天日記最後的「閱讀全文...」文字。
2. 於 屬性 面板按 HTML 鈕，連結 選擇<C:\ tokyotravel \ blog-01.htm>。

將第二天、第三天、第四天日記最後的 「閱讀全文...」 文字依照相關內容分別連結至 <blog-02.htm>~<blog-04.htm> 頁面。

匯出網頁內的 CSS 樣式表
想要將外部樣式表中的某些 CSS 樣式設定匯出至另一個網站進行套用？或是將某個使用內部樣式表的網頁，匯出相關 CSS 設定成一外部樣式表檔，讓其他網頁也可以連結使用？

1. 請於 CSS 樣式 面板中選按想要匯出的樣式。(可按 Ctrl 鍵不放，連續或不連續的選取樣式項目)
2. 於選取的樣式項目上按一下滑鼠右鍵，選按 移動CSS 規則。

3. 核選 移動規則至：新的樣式表，按 確定 鈕。

4. 輸入檔名後，按 存檔 鈕。如此一來在網站的根目錄中即會多出這個 CSS 樣式表檔案，其他網頁即可透過連結的方式，將此樣式表檔匯入使用。