第十七节 HTML样式

一个网页页面或一个站点中，会有不少地方要用到相同的几个文本格式。每次重复这几个格式会很麻烦，于是把这些格式做成一个html样式，每次只需使用一次这个样式即可。

点击Laucher面板上左起第三个图标，或点击菜单栏的Window/HTML Styles，也可直接用快捷键Ctrl+F7，会弹出html样式面板。

面板上已有一些预设的html样式。要新增样式，点击面板右下角的 图标，会弹出一个对话框。


对话框上的部分参数已被Dreamweaver设置好，这些参数依照的是Dreamweaver主窗口里，你的光标在所在段落的格式。如果你想就将这些格式设为一个html样式，直接点OK键即可。你也可点击对话框右下角的Clear按钮，清除已设置的参数，自行设置。
下面将就对话框各项进行解释。
Name是对这个html样式的命名。
Apply to是设置html样式的应用范围。选择Selection，将来使用时，该html样式每次只应用于所选定的文本区。选择Paragraph，将来使用时，该html样式应用于光标所在的整个段落。
When Applying是设置应用时，怎样处理应用范围内已有的格式。选择Add to Axisting，将来使用时，是在应用区域原有格式基础上加上该html样式所含的格式。选择 Clear Existing，将来使用时，先清除应用区域原有的格式，再应用该html样式所含的格式。
然后下面是Font、Size、Color和Style。Font是字体，Size是字号，Color是字的颜色。Style是文字的一些属性，其后的“B”按钮是加粗，“I”按钮是斜体，点击“Other…”按钮会弹出选框供选择更多的文字属性。
在前面设置Apply to时，若选择了Paragraph，则此时可对Paragraph Attributes进行设置。Format是文本格式，Alignment是设置文本的对齐方式。
点击OK按钮后，该html样式设置完毕。若不满意，点击Clear按钮，即清除刚才所有的设置，然后重新再次设置。

设置完成后，该html样式的命名将出现在html样式面板里，以后就可使用这个html样式了。 要删除一个html样式，在html样式面板里用鼠标选中这个样式，然后点击面板右下方的 图标即可。面板上的前两个html样式因有特殊用途，无法删除。

接下来是样式的应用。
应用html样式有两种方法。第一种方法是选中html样式面板左下方Apply按钮前的选框，然后直接点击某样式即可应用。第二种方法是不选中html样式面板左下方Apply按钮前的选框，应用时点击某样式，再点击Apply按钮。
面板上第一个html样式是清除掉所选区域的所有格式，第二个html样式是清除掉光标所在的整个段落的所有格式。




 如果您对本文有任何疑问或者建议，请到讨论区发表您的意见: >> 论坛入口 <<

上一篇：第十六节 窗框结构   下一篇：第十九节 Head元素

【文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【我要投稿】 【论坛讨论】