CSS是制作網頁效果必不可少的東西，字體的顏色定義、表格的樣式定義、圖片的特效等等都少不了它。但在Dreamweaver的早期版本中CSS的編輯功能並不是很強大，有時候不得不借助一些類似于TopStyle的第三方工具來完成CSS的編寫。
現在有了Dreamweaver MX 2004（簡稱DW MX 2004），情況就完全不同了!
首先我們給頁面鏈接一個已經編寫好的CSS文件，這里的操作與老版本Dreamweaver的方法是相同的（圖1）。
鏈接好後，和老版本不同的地方就出來了︰從頁面屬性對話框中的Style、Class里可以預覽設置CSS風格的效果（圖2）。原來DW MX 2004已經學習了TopStyle的特點︰對于表格定義，CSS效果會在Class中預覽，而對于行、列以及文字CSS特效則在Style中出現，這樣大大提高了效率。
通過新的CSS功能，還可以很方便地控制頁面所有色彩的調用以及效果的實施，整個頁面的轉換界面、風格也不會像以前那樣復雜了。一個表格的三個不同的風格完全是通過DW MX 2004 的CSS編輯功能，在幾分鐘內完成的! （如圖3）