创建一个CSS样式的步骤如下：

（1）将插入点放在文档中，然后在CSS样式面板中，单击面板右下角区域中的新建CSS样式按钮，弹出“新建CSS规则”对话框，如图4-13所示。或执行“格式”|“CSS样式”|“新建”命令打开弹出“新建CSS规则”对话框。

图4-13 “新建CSS规则”对话框

（2）定义要创建的CSS样式的类型：若要创建可作为“类”属性应用于任何HTML元素的自定义样式，请选择“选择器类型”中的“类（可应用于任何标签）”，然后在“选择器名称”域中输入样式名称。

注意：

类名称必须以英文字母或句点开头，可以包含任何字母和数字组合。不可包含空格或其他标点符号。

若要定义包含特定ID属性的标签的自定义样式，请选择“ID（仅应用于一个HTML元素）”选项，然后在“选择器名称”文本框中输入唯一ID。

注意：

ID必须以英文字母开头，可以包含任何字母和数字组合。不应包含空格或其它标点符号。可选择在名称前添加“#”号。

若要重定义特定HTML标签的默认格式，请选择“标签（重新定义特定标签的外观），然后在“标签”域中输入一个HTML标签，或从弹出菜单中选择一个标签。(www.daowen.com)

若要定义同时影响两个或多个标签、类或ID的复合规则，请选择“复合内容（基于选择的内容）”，然后在“选择器名称”下拉列表中输入一个或多个HTML标签，或从弹出式菜单中选择一个标签。

（3）选择定义样式的位置：

若要创建外部样式表，请选择“新建样式表文件”。

若要在当前文档中嵌入样式，请选择“仅限该文档”。

（4）单击“确定”，出现“CSS规则定义”对话框，如图4-14所示。

图4-14 “CSS规则定义”对话框

（5）设置新CSS样式选项，然后单击“确定”按钮。

Dreamweaver CS6新增CSS3过渡效果。使用CSS过渡效果可将平滑属性变化应用于页面元素，以响应触发器事件，如悬停、单击和聚焦。