本文目錄導(dǎo)讀：

1. 創(chuàng)建CSS文件
2. 在DW中關(guān)聯(lián)CSS文件
3. 應(yīng)用CSS樣式
4. 調(diào)試和修改

在網(wǎng)頁設(shè)計中，將Dreamweaver（簡稱DW）與CSS（層疊樣式表）關(guān)聯(lián)起來，可以極大地提升網(wǎng)頁的樣式和布局效果，下面將介紹如何在DW中關(guān)聯(lián)CSS，讓你的網(wǎng)頁更加美觀和易用。

創(chuàng)建CSS文件

你需要在你的項目文件夾中創(chuàng)建一個CSS文件，你可以使用任何文本編輯器來編寫CSS代碼，或者你也可以使用DW的內(nèi)置CSS編輯器來創(chuàng)建和編輯CSS文件。

在DW中關(guān)聯(lián)CSS文件

在DW中打開你的HTML文件，然后選擇“文件”菜單中的“鏈接”選項，在彈出的對話框中，選擇你的CSS文件并點擊“確定”，這樣，你的HTML文件就會與你的CSS文件關(guān)聯(lián)起來。

應(yīng)用CSS樣式

你可以在你的HTML文件中應(yīng)用你的CSS樣式了，你可以選擇你要應(yīng)用樣式的元素，然后在屬性面板中選擇“樣式”選項，在彈出的下拉菜單中，選擇你的CSS文件并選擇一個樣式，你的元素就會應(yīng)用上該樣式。

調(diào)試和修改

在DW中，你可以隨時查看你的網(wǎng)頁效果，如果發(fā)現(xiàn)任何問題或者不滿意的地方，你可以隨時修改你的CSS代碼或者HTML代碼，然后重新預(yù)覽效果，這樣，你就可以不斷地優(yōu)化你的網(wǎng)頁，直到達到你滿意的效果為止。

將DW與CSS關(guān)聯(lián)起來，可以讓你的網(wǎng)頁設(shè)計更加高效、靈活和美觀，希望這篇文章能夠幫助你順利地將DW與CSS關(guān)聯(lián)起來，并提升你的網(wǎng)頁設(shè)計技能。