设计 Css样式 转到代码@) 曰样式> 新建). 2)CSS样式面板显示 .sty 编辑) 重制D), 在设计浮动面板组，单 重命名®) 套用A) 击面板组右上角的“显 册除L 示菜单”按三，弹 使用外部编辑器 附加样式表C), 出下拉菜单如图6-2所 导出). 设计时间). 示。 帮助 将CSS样式组合在， 重命名面板组. 最大化面板组 关闲面板妇 图6-2CSS样式的下拉菜单
2) CSS样式面板显示 在设计浮动面板组，单 击面板组右上角的“显 示菜单”按钮 ，弹 出下拉菜单如图6-2所 示。 图6-2 CSS样式的下拉菜单
3)从其中选择“新建”选项卡。或者单击CSS样式面 板右下角的【新建CSS样式】国钮，打开如图6-3所 示的新建样式对话框。 新建CSS样式 ☒ 名称：nned通 确定 选择器类型：⊙类可应用于任何标签)C) 取消 ○标签重新定义特定标签的外观)①) ○高级(ID、上下文选择器等)a) 定义在：⊙衡建样式表文件) ○仅对该文档 帮助 图6-3新建样式对话框
3) 从其中选择“新建”选项卡。或者单击CSS样式面 板右下角的【新建CSS样式】按钮 ，打开如图6-3所 示的新建样式对话框。 图6-3 新建样式对话框
o4)选择CSS样式类型： “类（可应用于任何标签）”，可以生成一个新的样式 表，制作完毕后可以在样式面板中看到制作完成的样式。在 应用的时候，首先在贡面选中对象，然后选择样式即可。该 类型样式名称必须以英文句点“”开头，如果没有输入句点， Dreamweaver:会自动添加在“名称”文本框中。它是唯 一 可以被应用于文档中任何文本的样式类型，而不用考虑控制 文本的标签。所以可用于类样式的名称都将显示在样式工具 栏中。 选择“标签（重新定义特定标签的外观）”，可以将现 有的标签赋上样式，制作完毕以后不需要选中对象就可以直 接应用到页面上去。 5)定义一个外部连接的CSS还是定义一个仅应用于当前文 档的CSS。 “自定义”：定义一个外部连接的CSS。 “仅仅对该文档”：定义的CSS样式只能在当前文档中 使用
4) 选择CSS样式类型： “类（可应用于任何标签）”，可以生成一个新的样式 表，制作完毕后可以在样式面板中看到制作完成的样式。在 应用的时候，首先在页面选中对象，然后选择样式即可。该 类型样式名称必须以英文句点“.”开头，如果没有输入句点， Dreamweaver会自动添加在“名称”文本框中。它是唯一 可以被应用于文档中任何文本的样式类型，而不用考虑控制 文本的标签。所以可用于类样式的名称都将显示在样式工具 栏中。 选择“标签（重新定义特定标签的外观）”，可以将现 有的标签赋上样式，制作完毕以后不需要选中对象就可以直 接应用到页面上去。 5) 定义一个外部连接的CSS还是定义一个仅应用于当前文 档的CSS。 “自定义”：定义一个外部连接的CSS。 “仅仅对该文档”：定义的CSS样式只能在当前文档中 使用
o6)单击【确定】按钮， 出现保存样式表对话 保存样式表文件为 框，如图6-4所示。 连取文件名目 8整器 站点和跟务器 保存在.白FirstSit 可⊙多 untitled 文件名的) 保存) 保行类型)样式表文件么.©s 取消 相对于 文档 图6-4保存样式表
6) 单击【确定】按钮， 出现保存样式表对话 框，如图6-4所示。 图6-4 保存样式表
o7)选择样式表所保存的 mnasedl的CSS样式定义（在01，c器中） 类型 位置，单击【保存】按 字体) 大小 钮，出现CSS设置对话 样式) 支量 行高00 大小写)： 框如图6-5所示，进行相 修饰①)：口下划线如 色： 应的属性设置，单击 ■闪烁⑧) ☐无0 【确定】，一个CSS样 式创建成功。 确定取消☐应用)☐秋助0 图6-5CSS设置对话框
7) 选择样式表所保存的 位置，单击【保存】按 钮，出现CSS设置对话 框如图6-5所示，进行相 应的属性设置，单击 【确定】，一个CSS样 式创建成功。 图6-5 CSS设置对话框