第5讲 样式表

第5讲样式表

样式是控制文本块或段落外观的一组格式属性，使用样式可以格式化文本,可以设置一篇文档的格式。在DW中，样式包括HTML样式和CSS样式。

? HTML样式是DW自身携带的工具，帮助用户进行文本格式的设置。HTML样式实际上是一

系列HTML格式标记的组合，用于一次对文本对象进行多个方面的格式设置，例如，如果将文字设置为宋体，3号，加粗，倾斜，按照传统的方法必须进行4次格式化设置，如果使用DW的HTML样式功能，将这4次格式化操作组合成一个HTML样式，并以合适的名字命名，下次当需要对文本应用这些格式时，只需要应用该HTML样式即可。 ? CSS样式（层叠样式单）用来进行网页风格设计，通过设立样式表，可以统一控制HTML

中各标记的显示属性，通过只修改一个文件就可以改变一批网页的外观和格式（css样式可以控制多个文本的文本格式，当css样式被更新时，所有使用css样式的文档也自动随着更新）。

1、 HTML样式:“窗口->HTML样式”把HTML样式面板选出来

HTML样式面板 “新建样式” 右键点击选“新建” 1） 创建新样式 点击面板上的“新建样式”图标或右键点击选“新建”（看上图），在“定义HTML样式”中就可以对HTML样式进行设置了。

1

几个留意的地方 1） 应用到：选中应用到选定的范围还是段落 2） 当应用： 当HTML应用到文本上，会出现两种情况：覆盖型样式和添加型样式。“清除现有样式”指如原来已经有样式了，当应用这一样式时，会把原有的样式清除，再应用选定的样式。“添加到现有样式”就是在原有样式基础上再进行添加应用一个样式。 所以看出HTML样式其实的设置不是太多内容，只是些字体，大小，颜色，样式之类的。 创建好HTML样式后，在“HTML样式”面板就可以看到刚创建好的样式了，name前面的a表明是应用到选定范围，＋指是添加到现有样式。 2） 编辑、复制和删除HTML样式 如果觉得样式不满意，想继续编辑的话可以直接双击要编辑的样式即可，或者右键点击选“编辑”。 删除和复制的话直接用右键单击选“删除”或“复制”。（删除也可以按面板右下方的垃圾桶） 3）应用HTML样式：设置段落时（光标置于段落中），设置多个段落和字符时（选中选定内容） 选定要应用的文本，然后在“HTML样式”面板点击要应用的样式，如果应用前面的“自动应用”已经选上，则点击就应用了，否则还要手动点击一次应用按钮。应用到段落的话，把光标置于段落中，然后选择样式。

2、 CSS样式

“窗口”->“CSSL样式”把“CSS样式”面板选出来。“CSS样式”面板分为“应用样式”和“编辑样式”两个窗口，如下

2

此窗口中单击样式应用于文档。此窗口只能显示自定义CSS样式

1） 创建css样式 此窗口用来显示文档中的CSS样式及其属性 点击“新建CSS样式”，或者右键单击选“新建CSS样式”创建CSS样式,弹出“新建CSS样式”对话框 DW中，css样式分为三种 ? 自定义css样式：对文本块或文本区域 ? 重定义HTML标签样式：该样式实际上是对现有HTML标记的一种重新定义。当用户创建或改变一个css样式时，所有使用该标记的文本格式也将自动被更新 ? css选择器样式：该样式用于重新定义一些特殊的标记组合或包含了特殊的ID属性的格式 自定义样式主要应用于选定的文本区域，没什么特别地方。 当选择“重定义HTML标签”类型时，可以看到原来的上图原来的“名称”变成了“标签”。网页是用HTML代码编写的，是由很多“代码标签”写成的，所以当选择创建这一种样式时，可以把样式应用于所有选定的标签的地方。比如body标签是HTML正文部分，如果选了body的话，那么当应用这个样式时，应用于body标签的地方。通理，如果选了font（字体）标签，应用样式时，凡是有font标签的地方都应用这样样式。 3