5.1 样式表及其分类

1. 5.1 样式表及其分类 样式表是目前网页制作中普遍应用的一个技术，它通过设置HTML代码标签来实现对字体、颜色、填充、边距和字间距等进行格式化操作。 在应用了样式表的网页中，如果要更改一些特定文本的样式风格，可以直接采用自定义的样式表，而不必频繁使用属性面板。特别地，使用样式表还有一个好处，当人家浏览你的网页时，无论选择显示字体为何种大小，你的网页中的文字大小都不会变化。 样式表可以分为HTML样式表和CSS样式表。

2. 5.2 使用HTML样式 HTML样式表可以对整个段落或选择的相应文本进行设置。首先应该选择相应的段落或文本，然后在“HTML样式”浮动面板中选择相应的样式，最后单击“应用”按钮即可。 单击窗口右边“浮动面板”组中“设计”左边的箭头，在打开的面板中单击“HTML样式”选项卡，将其打开。在“HTML样式”选项卡中，单击“添加HTML样式”，打开“定义HTML样式”对话框。 在“定义HTML样式”对话框中，对各种格式式进行设置。 输入名称，单击“确定”，完成设置。 确定光标的位置，单击样式表中的样式，可以将样式应用到文字中

3. 5.3 使用CSS样式 CSS是Cascading Style Sheets（层叠样式表单）的简称。它允许作者在HTML文档中加入样式。对于设计者来说它是一个非常灵活的工具，不必再把繁杂的样式定义编写在文档结构中，可以将所有关于文档的样式指定内容全部脱离出来，在行内定义、在标题中定义，甚至作为外部样式文件供HTML调用。 CSS在当前的网页设计中已经成为不可缺少的技术。

4. 5.3.1 使用CSS样式增大行间距1 单击窗口右边“浮动面板”中“设计”左边的箭头，在打开的面板中单击“CSS样式”选项卡，将其打开。在“CSS样式”选项卡中，单击“新建CSS样式”按钮 ，打开“新建CSS样式”对话框 。 在名称栏中输入样式名称。单击后，弹出“保存样式表文件为”对话框。在“文件名”右边的文本框中输入hangjv。 单击“确定”，在网站的目录下生成了一个叫hangjv.css的样式表文件。

5. 5.3.1 使用CSS样式增大行间距2 在“hangjv的CSS样式定义”对话框中，单击“行高”框，在下拉选项中选择“（值）”，然后单击其右边的文本框，在下拉选项中选择“倍行高” 。将“行高”右边的文本框中的“（值）”删掉，输入“1.5”，单击“确定”。 单击鼠标，使光标出现在第一段文字中，单击样式表中的样式“hangjv”，第一段文字的行间距变成1.5倍。

6. 5.3.2 使用CSS样式去掉超链接下划线 单击窗口右边“浮动面板”中“设计”左边的箭头，在打开的面板中单击“CSS样式”选项卡，将其打开。在“CSS样式”选项卡中，单击“新建CSS样式”按钮 ，打开“新建CSS样式”对话框 。 在“新建CSS样式”对话框中，选择“使用CSS选择器” 。然后单击“选择器”右边下拉框的箭头，在下拉选项中选择“a:link” ，单击“确定”后，在“保存样式表为”对话框中，输入文件名，在“a:link的CSS样式定义”对话框中，选择“无” ，单击“确定”。 在网页中可以发现所有的超链接热区文本都没有下划线了。

7. 5.4 行为的简单应用 所谓“行为”，就是响应网页中的某一事件而采取的一个动作。当把某个行为赋予网页中的某个对象时，也就定义了一个动作，以及与之相对应的事件。事件可以是鼠标的移动，网页的打开与关闭，键盘的使用等；动作可以是弹出问候语、刷新页面、播放声音、检查用户浏览器等。

8. 5.4.1 行为 所谓“行为”，就是响应网页中的某一事件而采取的一个动作。 在网页中添加行为即可将该行为附加到整个文档中，同时网页中的所有元素，包括链接、图像、表格或者任何其他的HTML对象都被赋予这个行为。 一个事件可以关联多个动作，每个动作的执行由浮动面板中的排列顺序决定。改变“行为”浮动面板中行为的顺序也就改变了行为的执行顺序。

9. 5.4.2 为网页添加背景音乐 打开网页文件 ，单击窗口右下角的按钮 ，选中整个网页。单击窗口右边浮动面板中“设计”左边的箭头，打开“设计”面板，在“设计”面板中，单击“行为”，打开“行为”选项卡。然后单击“添加行为”按钮，在弹出的菜单中选择“播放声音” ，打开“播放声音”对话框。 单击 “浏览”按钮，找到音乐文件，单击“确定”。 保存网页后，在浏览器中打开网页可以听到音乐。

10. 5.4.3 使用行为弹出对话框1 第一种方法： 打开网页文件 ，单击窗口右下角的按钮 ，选中整个网页。单击窗口右边浮动面板中“设计”左边的箭头，打开“设计”面板，在“设计”面板中，单击“行为”，打开“行为”选项卡。然后单击“添加行为”按钮，在弹出的菜单中选择“弹出信息” 。 在“弹出信息”对话框中，输入要显示的信息，单击 “确定”按钮。完成设置。

11. 5.4.3 使用行为弹出对话框2 第二种方法： 采用“调用JavaScript”行为也可以带到同样的效果。重复上面的操作，在创建行为时选择命令“调用JavaScript” ， 在“调用JavaScript”对话框中输入：alert(“显示内容”) ，最后单击“确定”，完成设置。

12. 5.4.4 使用行为弹出网页窗口 首先，新建一个要弹出的网页文件。 打开网页文件 ，单击窗口右下角的按钮 ，选中整个网页。单击窗口右边浮动面板中“设计”左边的箭头，打开“设计”面板，在“设计”面板中，单击“行为”，打开“行为”选项卡。然后单击“添加行为”按钮，在弹出的菜单中选择“打开浏览器窗口”命令，打开“打开浏览器窗口”对话框。 单击“浏览”按钮， 找到要打开的网页文件。输入相关信息，单 击“确定”，完成操作。