在 DW（Dreamweaver）中，樣式是設計網頁的重要組成部分。樣式表可以為網站賦予各種不同的外觀和布局，并提供易于維護的處理方式。CSS（Cascading Style Sheets）是該任務的重要組成部分。

body {
background-color: #F7F7F7;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #333333;
}

如上所示，這是一個簡單的 CSS 樣式表，它設置了上下文（body）的背景顏色、字體和字號，以及字體顏色。接下來我們將深入了解 DW 中 CSS 樣式如何工作。

CSS 樣式可以應用于 HTML 元素（標簽）上。使用選擇器來指定哪些元素應該受到樣式的影響，同時在大括號中定義各種屬性應該如何表現。

a {
color: blue;
text-decoration: none;
font-weight: bold;
}
a:hover {
color: red;
text-decoration: underline;
font-weight: normal;
}

如上所示，這個 CSS 樣式設置了默認的鏈接外觀，將鏈接字體加粗并顯示為藍色，去掉鏈接下劃線。同時，在用戶懸停鼠標在上面時，鏈接將高亮顯示為紅色并添加下劃線，將字體重量重置為正常。

DW 中 CSS 樣式可以通過 CSS 代碼面板進行編輯和應用。通過單擊添加樣式化選項，根據需要創建一個新樣式。在創建樣式時，必須提供 CSS 選擇器以選擇要縮排的 HTML 元素，然后定義應用于該元素的屬性列表。可以通過您的選擇打開“樣式菜單”并應用樣式。

h1 {
font-size: 28px;
font-weight: bold;
}
h2 {
font-size: 24px;
font-weight: bold;
}

如上所示，這個 CSS 樣式定義了兩個標題樣式。這將應用于網頁上的所有標題元素（即<h1>和<h2>）。其中一個樣式指定大號和粗體字，而另一個則只是通過大小和粗體效果增加了一些可讀性。

總之，在 DW 中使用 CSS 樣式是更好設計網頁的關鍵。樣式表不僅可以改變一個特定元素的樣式，還可以通過選擇器應用于特定類型的元素，根據需要進行更改。