在網站設計和開發中，CSS和Dreamweaver（DW）是不可或缺的工具。

CSS是一種用于網頁樣式設計的語言，可以控制網頁中各種元素的樣式、布局和排列。DW則是一款流行的網頁設計軟件，它擁有可視化設計界面，方便設計師創建和編輯網頁。

下面介紹在DW中如何使用CSS：

1. 創建CSS樣式表
打開DW，在菜單中選擇“窗口”>“樣式”，在彈出的樣式面板中點擊“新建樣式表”創建一個新的CSS樣式表。在樣式表中，我們可以定義網頁中各種元素的樣式，如字體、顏色、背景、邊框等。

2. 應用CSS樣式表
在DW中，我們可以選擇一個或多個元素，然后在樣式面板中選擇需要的樣式，或手動編輯CSS樣式表。選中元素后，可以在CSS樣式面板中看到該元素已應用的樣式，并進行編輯、調整和拓展樣式。
同時，在DW的“屬性”視圖中，我們也可以查看、修改元素的CSS樣式屬性，例如：元素的寬高、位置、字體、顏色等。
需要注意的是，當我們在DW中使用CSS時，CSS樣式表和HTML代碼必須存儲在同一個文件中。這樣可以避免因為加載CSS文件而影響網頁加載速度和穩定性。

下面演示在DW中應用CSS樣式表的方法：

1. 首先我們在DW中創建一個新的HTML頁面，并保存到我們指定的文件夾中，命名為“test.html”。

2. 在DW的“代碼視圖”中，我們可以編寫HTML代碼。對于所需樣式，我們可以在新建的CSS樣式表中定義。例如，我們為標題定義一個樣式：
h1 {
color: #333;
font-size: 24px;
font-family: Arial, sans-serif;
}

3. 在HTML代碼中，我們為標題元素添加樣式：
<h1 class="title">這是一個標題</h1>
其中，class="title" 表示為標題元素添加了一個名為“title”的CSS樣式類。

4. 在CSS樣式面板中，我們可以查看和修改為“title”樣式類定義的樣式。在DW中，我們還可以使用其他工具，如“CSS樣式提取器”、“CSS樣式屬性檢查器”等，來簡化樣式的設計、編寫和調試。最后，點擊“保存”按鈕，保存更改。

CSS和DW都是非常強大的工具，它們可以讓我們以更高效、精準的方式設計和開發網站。希望這篇文章能夠幫助您更好地使用它們。