在“所有”和“当前”模式下，“CSS 样式”面板都包含三个允许您在“属性”窗格（底部窗格）中改变视图的按钮：
A. “类别”视图
B. “列表”视图
C. “设置属性”视图
类别视图 将 Dreamweaver 支持的 CSS 属性分为八个类别：字体、背景、区块、边框、方框、列表、定位和扩展名。每个类别的属性都包含在一个列表中，您可以单击类别名称旁边的加号 (+) 按钮展开或折叠它。“设置属性”（蓝色）将出现在列表顶部。
列表视图 会按字母顺序显示 Dreamweaver 支持的所有 CSS 属性。“设置属性”（蓝色）将出现在列表顶部。
设置属性视图 仅显示那些已进行设置的属性。“设置属性”视图为默认视图。
在“所有”和“当前”模式下，“CSS 样式”面板还包含下列按钮：
A. 附加样式表
B. 新建 CSS 规则
C. 编辑样式
D. 删除 CSS 规则
附加样式表 打开“链接外部样式表”对话框。选择要链接到或导入到当前文档中的外部样式表。
新建 CSS 规则 打开一个对话框，您可在其中选择要创建的样式类型（例如，创建类样式、重新定义 HTML 标签或定义 CSS 选择器）。
编辑样式 打开一个对话框，您可在其中编辑当前文档或外部样式表中的样式。
删除 CSS 规则 删除“CSS 样式”面板中的选定规则或属性，并从它所应用于的所有元素中删除格式设置。（不过，它不会删除由该样式引用的类或 ID 属性）。“删除 CSS 规则”按钮还可以分离（或“取消链接”）附加的 CSS 样式表。
右键单击 (Windows) 或按住 Control 单击 (Macintosh)“CSS 样式”面板，可打开包含用于处理 CSS 样式表命令的选项的上下文菜单。
打开 CSS 样式面板
您可以使用“CSS 样式”面板查看、创建、编辑和删除 CSS 样式，并且可以将外部样式表附加到文档。
请执行下列操作之一：
选择“窗口”>“CSS 样式”。
按 Shift+F11。
单击属性检查器中的“CSS”按钮。
CSS 样式首选参数控制 Dreamweaver 编写用于定义 CSS 样式的代码的方式。CSS 样式可以以速记形式来编写，有些人觉得这种形式使用起来更容易。但某些较旧版本的浏览器不能正确解释速记。
选择“编辑”>“首选参数”(Windows) 或“Dreamweaver”>“首选参数”(Macintosh)，然后从“类别”列表中选择“CSS 样式”。
设置要应用的 CSS 样式选项：
当创建 CSS 规则时使用速记 使您可以选择 Dreamweaver 以速记形式编写的 CSS 样式属性。
当编辑 CSS 规则时使用速记 控制 Dreamweaver 是否以速记形式重新编写现有样式。
选择“如果原来使用速记”以将所有样式保留原样。
选择“根据以上设置”将以速记形式为在“使用速记”中选择的属性重新编写样式。
当在 CSS 面板中双击时 使您可以选择用于编辑 CSS 规则的工具。
单击“确定”。