五、用DW4创建CSS
1. CSS Styles面板
通过前面几章的学习，相信大家对CSS有了一定的了解，这一章我们来全面讲解如何利用Dreamweaver4来创建及操作CSS。首先运行Dreamweaver4，启动后，选择菜单下的Windows->CSS Styles（或按Shitf+F11），系统弹出CSS Styles管理面板，如下图所示：
在CSS Styles面板里显示了所有自定义的CSS样式（也就是上面提到的以点开头的类选择符，Dreamweaver4把这样以点开头的类选择符作为自定义样式来使用），可以利用Apply按钮这些CSS样式随意应用在页面中的文本或文档区域。
注意：应用按钮前面有一个复选框，选中的时候按钮成灰色不可用，表示自动应用，只要鼠标单击自定的CSS样式就会自动应用到页面中当前元素；如果复选框没有选中，Apply按钮为可用，应用时需要点Apply按钮。当对象应用了自定义样式时，也就相当于在当前HTML标记后加上class=”...”。另外在样式前有一个“S”型的符号
，表示内部定义样式；如果是符号
，表示这个样式链接到外部样式表文件。
注意：CSS Styles面板只显示自定义（class）CSS 样式；重定义的HTML标记和其他CSS选择符样式不会出现在CSS Styles面板上，这是因为它们可以自动应用于那些HTML标记控制的区域。（重定义HTML标记是指选择符为单个HTML标记的CSS样式，之所以叫重定义是因为重新定义了并改变原来HTML标记的样式。）
在右下角有4个小按钮，这是最常用的几个命令：
Attach Style Sheet：（链接到样式表）点击后会弹出一个选择样式表对话框，选中以前创建好的外部样式表，点确定就链接加入了这个外部样式表。加入外部样式表时注意尽量使用相对路径。
New Style：（新建样式）一般我们通过这个按钮来创建CSS样式表。
Edit Style sheet：（编辑样式表）点击后会弹出编辑样式表对话框，显示了所有已存在的内部和外部样式表，可以在这个对话框里新建、编辑、删除样式。
Delete：（删除样式）先选中要删除的自定义CSS样式，然后点此按钮，样式就被删除了。
点上面的小三角或点击鼠标右键会弹出一个菜单，菜单的功能依次为：
Edit：（编辑）编辑你当前选中的自定义CSS样式，点击后就进入了编辑此项CSS类样式的定义样式对话框。
Duplicate：（复制）将当前选中的自定义CSS样式类复制。
Delete：（删除）删除当前选中的自定义CSS样式，和按钮
的效果相同。
Apply：（应用）是指将选中的CSS类应用在页面中当前元素。同Apply按钮。
New Style：（新建样式）等同于
按钮。
Edit Style sheet：（编辑样式表）等同于
按钮。
Attach Style Sheet：（链接到外部样式表）等同于
按钮。
Export Style Sheet：（导出样式表）将此页面中的内部样式表导出为一个外部样式表文件。注意：Dreamweaver4导出样式表除了用这个方法外，还可以用主菜单下的File->Export->Export CSS Styles导出。
2. 创建样式表的类型
在创建样式表之前我们首先介绍一下Dreamweaver4的三种样式表类型，点击CSS Styles面板中的
按钮（或CSS Styles面板菜单New Style），弹出新建样式对话框，如下图：
在Define里可以选择是外部样式表，还是内部样式表：
l 选择New Style Sheet File（新建样式表文件），系统会先让你保存这个样式表文件，然后定义这个样式表文件。整个页面的样式就会跟随你建立的这个样式表文件，然后你可以把这个外部样式表文件链接到别的页面去，这样就可以使一个样式表文件控制多个页面了。
l 如果你选择This Document Only（只存在这个文档），你就建立了一个内部样式表，Dreamweaver4会自动把你建立的样式表内容放到区的
定义好了样式，现在我们就可以把这个自定义样式套用在需要的地方，在网页中选中文字，然后单击样式面板中的emphases样式。看看，是不是你要的效果。
注意：如果我们选中的内容是一个表格或一个段落，那么整个表格或段落内的文字被定义了emphases样式，从原代码里我们可以看出是在
或标记后面加了class=”emphases”参数，如：
