第5章样式与行为VIP免费

第五章样式与行为5.1样式表及其分类样式表是目前网页制作中普遍应用的一个技术，它通过设置HTML代码标签来实现对字体、颜色、填充、边距和字间距等进行格式化操作。在应用了样式表的网页中，如果要更改一些特定文本的样式风格，可以直接采用自定义的样式表，而不必频繁使用属性面板。特别地，使用样式表还有一个好处，当人家浏览你的网页时，无论选择显示字体为何种大小，你的网页中的文字大小都不会变化。样式表可以分为HTML样式表和CSS样式表。第五章样式与行为5.2使用HTML样式HTML样式表可以对整个段落或选择的相应文本进行设置。首先应该选择相应的段落或文本，然后在“HTML样式”浮动面板中选择相应的样式，最后单击“应用”按钮即可。单击窗口右边“浮动面板”组中“设计”左边的箭头，在打开的面板中单击“HTML样式”选项卡，将其打开。在“HTML样式”选项卡中，单击“添加HTML样式”，打开“定义HTML样式”对话框。在“定义HTML样式”对话框中，对各种格式式进行设置。输入名称，单击“确定”，完成设置。确定光标的位置，单击样式表中的样式，可以将样式应用到文字中第五章样式与行为5.3使用CSS样式CSS是CascadingStyleSheets（层叠样式表单）的简称。它允许作者在HTML文档中加入样式。对于设计者来说它是一个非常灵活的工具，不必再把繁杂的样式定义编写在文档结构中，可以将所有关于文档的样式指定内容全部脱离出来，在行内定义、在标题中定义，甚至作为外部样式文件供HTML调用。CSS在当前的网页设计中已经成为不可缺少的技术。第五章样式与行为5.3.1使用CSS样式增大行间距1单击窗口右边“浮动面板”中“设计”左边的箭头，在打开的面板中单击“CSS样式”选项卡，将其打开。在“CSS样式”选项卡中，单击“新建CSS样式”按钮，打开“新建CSS样式”对话框。在名称栏中输入样式名称。单击后，弹出“保存样式表文件为”对话框。在“文件名”右边的文本框中输入hangjv。单击“确定”，在网站的目录下生成了一个叫hangjv.css的样式表文件。第五章样式与行为5.3.1使用CSS样式增大行间距2在“hangjv的CSS样式定义”对话框中，单击“行高”框，在下拉选项中选择“（值）”，然后单击其右边的文本框，在下拉选项中选择“倍行高”。将“行高”右边的文本框中的“（值）”删掉，输入“1.5”，单击“确定”。单击鼠标，使光标出现在第一段文字中，单击样式表中的样式“hangjv”，第一段文字的行间距变成1.5倍。第五章样式与行为5.3.2使用CSS样式去掉超链接下划线单击窗口右边“浮动面板”中“设计”左边的箭头，在打开的面板中单击“CSS样式”选项卡，将其打开。在“CSS样式”选项卡中，单击“新建CSS样式”按钮，打开“新建CSS样式”对话框。在“新建CSS样式”对话框中，选择“使用CSS选择器”。然后单击“选择器”右边下拉框的箭头，在下拉选项中选择“a:link”，单击“确定”后，在“保存样式表为”对话框中，输入文件名，在“a:link的CSS样式定义”对话框中，选择“无”，单击“确定”。在网页中可以发现所有的超链接热区文本都没有下划线了。第五章样式与行为5.4行为的简单应用所谓“行为”，就是响应网页中的某一事件而采取的一个动作。当把某个行为赋予网页中的某个对象时，也就定义了一个动作，以及与之相对应的事件。事件可以是鼠标的移动，网页的打开与关闭，键盘的使用等；动作可以是弹出问候语、刷新页面、播放声音、检查用户浏览器等。第五章样式与行为5.4.1行为所谓“行为”，就是响应网页中的某一事件而采取的一个动作。在网页中添加行为即可将该行为附加到整个文档中，同时网页中的所有元素，包括链接、图像、表格或者任何其他的HTML对象都被赋予这个行为。一个事件可以关联多个动作，每个动作的执行由浮动面板中的排列顺序决定。改变“行为”浮动面板中行为的顺序也就改变了行为的执行顺序。第五章样式与行为5.4.2为网页添加背景音乐打开网页文件，单击窗口右下角的按钮，选中整个网页。单击窗口右边浮动面板中“设计”左边的箭头，打开“设计”面板，在“设计”面板中，单击“行为”，打开“行为”选项卡。然后单击“添加行为”按钮，在弹出的菜单中选择“播放声音...