o6.2.2应用CSS样式 o1.如果要在文档中应用样式 0 操作方法如下: 01)将插入点放置在段落之中,即选择了整个段落,可 以对其设置格式;也可以选中多个段落,对多个段落 设置格式;选择某些字符还可以对这些字符设置格式。 o2)在CSS样式面板中,用鼠标点击某个定义好的样式, 则该CSS样式就会应用在这些文档上
6.2.2 应用CSS样式 1. 如果要在文档中应用样式 操作方法如下: 1) 将插入点放置在段落之中,即选择了整个段落,可 以对其设置格式;也可以选中多个段落,对多个段落 设置格式;选择某些字符还可以对这些字符设置格式。 2) 在CSS样式面板中,用鼠标点击某个定义好的样式, 则该CSS样式就会应用在这些文档上
0 2.应用外链接式CSS样式 0 1)打开CSS样式面板。 0 2)单击CSS样式面板右下角的【附加样式表】按钮, 出现如图6-6所示“链接外部样式表”对话框。 0 3)单击【浏览】按钮,从所保存的CSS文件中选取一 个,即可应用。 链接外部样式表 ☒ 文件/RL):「 浏览, 确定 添加为:⊙链接L) 预览 O导入) 取消■ Dreamweaver的范例样式表可以帮助您起步。 帮助 图6-6“链接外部样式表”对话框
2. 应用外部链接式CSS样式 1) 打开CSS样式面板。 2) 单击CSS样式面板右下角的【附加样式表】按钮, 出现如图6-6所示“链接外部样式表”对话框。 3) 单击【浏览】按钮,从所保存的CSS文件中选取一 个,即可应用。 图6-6 “链接外部样式表”对话框
o3.在现有样式的基础上 菲设计 CSs样式层 创建新样式 日样式》 转到代码G) o1)在CSS样式面板上, 新建)., 编辑怎) 选中作为基础的样式。 重制)., 重命名⑧).。 套用丛) o2)单击CSS样式面板右 册除亿) 上角的“显示菜单”按钮, 使用外部编辑器 附加样式表C) 打开面板菜单;或者在面 导出X). 设计时间①). 板中单击鼠标右键,打开 快捷菜单,如图6-7所示。 勾日昆血 图6-7CSS样式的快捷菜单
3. 在现有样式的基础上 创建新样式 1) 在CSS样式面板上, 选中作为基础的样式。 2) 单击CSS样式面板右 上角的“显示菜单”按钮, 打开面板菜单;或者在面 板中单击鼠标右键,打开 快捷菜单,如图6-7所示。 图6-7 CSS样式的快捷菜单
。3)选择“重制”命令,系统弹出如图6-8所示对话框,并 显示该样式的设置。 o。4)在对话框中选择新样式的类型和定义,输入新的名称。 05)单击【确定】按钮,确定操作。 重制CSs样式 ☒ 名称:511C0 确定 选择器类型:⊙类可应用于任何标签)C 取消 ○标签重新定义特定标签的外观)①) O高级(D,上下文选择器等)) 定义在:Q新建样式表文件) ⊙仅对该文档 帮助 图6-8“重制CSS样式”对话框
3) 选择“重制”命令,系统弹出如图6-8所示对话框,并 显示该样式的设置。 4) 在对话框中选择新样式的类型和定义,输入新的名称。 5) 单击【确定】按钮,确定操作。 图6-8 “重制CSS样式”对话框