 如今网页的排版格式越来越复杂，很多效果需要通过CSS来实现，Dreamweaver MX 2004在CSS功能设计上做了很大的改进。下面我们就来看看这些改进的地方。 一、属性面板的改进 Dreamweaver MX 2004在属性面板中增加了“Style”选项，我们在设计页面时所做的添加的字体、颜色、大小等样式，“Style”会将这些设计自动记忆生成 “Style1”、“Style２”样式。在下次重复使用可以直接在“Style”中套用样式，如图1。有了这个功能，我们在做网页设计时可以大大提高工作效率。
如果套用的CSS样式不是文字，而是表格，同样可以在属性面板中设置CSS。在属性面板中都有一个类别（Class），在这里就可以设计表格的CSS 样式，如图2。
文章导读： 在Dreamweaver MX 2004的属性面板中可以看到一个“Pgae Properties”的选项，如图3。
点击这个选项，可以直接打开“Page Properties”的设置对话框。如图4
在对话框左边的分类中可以看到外观、链接、标题文字、标题／编码、网页图片等等选项，选中其中一个类别，在右边出现相应的设置内容。例如在图4 中，选中了“Link”可以设计这一个网页中关于链接的CSS样式，包括链接的文字大小、鼠标滑过显示的颜色、下划线等。其他类别的CSS设置，大家可以 自己试试看。 在“Page Properties”做的CSS设置之后，在编辑这个网页的时候所有的文字、链接等效果都按照这个样式应用。 文章导读： 在Dreamweaver MX 2004中界面最右边有一列各种选项面板的设置对话框，其中包括“CSS Style”，如图5。
老版本的DW也有这个CSS Style面板，Dreamweaver MX 2004中只保留了CSS Style的编辑功能，去掉了套用模式（Dreamweaver MX 2004直接在属性面板中套用CSS样式）。Dreamweaver MX 2004在“Rules”面板中提供了更多的CSS功能，如图6。
在CSS Rule面板中选择一个样式之后，它就会自动切换到该样式的有关选项，我们可以在面板上进行检查和修改。这个面板将CSS样式详细分成了好几大类，针对每 一个样式都有详细的参数或选项帮助我们做设置。这样即使我们对CSS的用法不太熟悉，也可以轻松使用它的功能。 在Rules面板的下方是Relevant CSS面板，在这里有网页内每个部分的CSS详细设置内容。在网页中选定某个区域，Relevant CSS面板就出现相关的CSS设置选项，以及它上一层的 CSS样式，甚至 CSS 是套用的哪一个 HMTL标签都显示得很清楚，若有覆盖过的地方，会用特别的颜色和删除线来提示，如图7。
文章导读： |
