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）