Dreamweaver 3样式篇:HTML Styles面板
http://tech.sina.com.cn 2000/11/10 13:325D多媒体 机器猫
使用样式面板我们可以制作出一些令人惊叹的效果来。如果没有Dreamweaver的可视化操作环境的话，我们将不得不使用手工编写代码的方式来制作。大家可能注意到了，我们上次讨论的面板是CSS
Styles面板。因为这些样式都是基于CSS的。在Dreamweaver3中，还新增了一种叫做HTML Styles的面板。这个面板是做什么的呢？也是用于制作一些样式，比如红色的一号标题之类的样式。但是他和CSS
Styles面板是有本质上的区别的。因为HTML Styles是靠HTML语言来实现的。所以，HTML样式的功能绝对是没有CSS的强。HTML样式可以理解成为什么呢？类似于Word中的格式刷。例如在网页中有一段文字设置为蓝色，字体是英文的Arial字体，并且是斜体，大小是5号。而后，又在网页的某处需要用到同样的设置。如果要重复这个效果，手动制作的话至少需要将上面的四个步骤再做一遍。如果有100处需要这样做的话，就象大话西游的台词一样，世界上最痛苦的事情莫过于此。：)所以最好把它定义成为一种样式，以便于我们重复使用。因为这些效果完全可以用HTML语言来制作。所以不需要用CSS样式了，直接用HTML样式就能完成。下面展示的是一个HTML样式面板。面板可以用菜单windowàHTML
Styles打开
面板中罗列的是一些样式。仔细观察的话会发现主要是两类样式。一类是前面有一个小写的带下划线的a，这表示选择样式可以应用到选择好的文字上。另一类则是段落样式，应用到整个段落上。带有红色的线的样式就表示清除文字所带的样式。
下面我们依次介绍面板上的样式。
Clear Selection Style清除选择样式
Clear Paragraph 清除段落样式
+Bold 加粗
Caption 题目
Copyright 版权说明文字风格
Emphasis,Sans-serif强调醒目
Fixed width 等宽样式
Headline 标题
Normal 正文
+Red 变红
使用一个HTML样式很简单。选中要使用样式的文字。单击面板中的样式即可。下面我们讨论怎么样制作一个Html样式。
1、 单击样式面板上的新建按钮，系统弹出对话框。
在对话框中填写相应的样式参数，我们这里制作一个选择样式要求加粗变蓝并且设定字体和字号。
Name 样式名称
Apply To 制作何种样式
Selection 选择样式
Paragraph 段落样式
When Applying 当应用样式的时候 Add to Existing style添加到原来文字有样式上。Clear Existing
Style清除原来样式。
Font 字体
Size 字号
Color 文字颜色
Style 样式 B粗 I斜
下面的Paragraph为灰色是因为上面选择的是选择样式。如果选择段落样式就可以选择了
Format：为字体的标题号
Alignment：对齐方式。分别是左中右。
2、 设定完参数后按OK。HTML样式面板中就新增了制作的样式。
>>下一页
488
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
