• 日志
  • 教程
  • 插件
  • 设计
  • 欣赏
  • 资源
  • 地图
精灵日志图片

在Dreamweaver中使用样式表

作者:梦觉

三、          在文件中使用样式:

我们定义完样式表文件后,就可以在Dreamweaver中套用这些样式了。套用样式表的方法主要有三种,我们下面分别介绍。

1、  使用样式选项板。

样式选项板列出了当前文档可用的样式,如图二十所示;

(图二十)
需要指出的是,这里列出的只是部分已定义的样式,我们前面在CSS Selector中定义的链接样式和重新定义的HTML标签样式,不会出现在这里,这里出现的只是我们自定义的样式类。我们重新定义的HTML标签样式讲直接在文档中生效,例如我们前面重新定义的<P>标签样式,将直接在文档中起作用。文档中的内容将按照我们的定义重新排列和显示。而链接样式(A:Link;A:Hover)也将直接作为所有文字链接的默认格式显示,除非我们重新指定了新的链接样式。

使用样式选项板指定样式时,我们必须先选定你将要应用此样式的一个内容,例如我们可以用鼠标选定一段文本,然后在样式选项板中单击我们需要的样式,即可将此断文本按我们的设定格式化,如图二十一所示;

(图二十一)

2、  使用标示选择器指定样式。我们还可以通过Dreamweaver窗口底部的标示选择器快速指定样式。如图二十二;

(图二十二)
我们首先需要在标示选择器上选定一个标签,如图中的<td>标签,然后在<td>标签上点击鼠标右键,选择Set Class>>MyStyle,则可以快速把我们定义的MyStyle样式类指定给<td>标签。

3、  使用右键快捷菜单。我们也可以从右键快捷菜单中直接给对象指定一个样式,例如我们想为一个链接文字指定另一种定义的链接样式,我们可以先为这段文字添加链接,此时这个文字的链接样式是我们定义的默认样式。接着我们可以选中此链接文字,在右键快捷菜单中指定新的样式类,如图二十三;

(图二十三)
这样我们就在文件中使用了两种链接样式。

4、  清除样式。清除样式我们可以使用样式面板,首先选定应用了某种样式的对象,然后在样式选项板中点击None,即可清除原有的样式,如图二十四;

(图二十四)

好了,关于样式表的创建和使用我就介绍到这里了,在本文中我只是介绍了如何定义样式、如何使用样式的几种途径,而具体的样式详细参数、各种样式的适用范围、样式文件的意义和使用规则,我并未详细介绍。自己研究研究吧,路已经告诉您了,路上遇到的事儿的靠你自己解决了。

第一页|第二页|第三页

教程-Tutorials
FireworksMX2004教程
Fireworks教程
Dreamweaver教程
©2000-2006 Bitgenius.com.All rights reserved. Designed by Mengjue.