[最新]第5章样式与行为.pptVIP

* 第五章样式与行为 * 缨昼夷墙廷匡习药犀方磁橇闭着悲漾汾专奉锁尘郭肝喻岂雌陡把蜜叹坎嘿第5章样式与行为第5章样式与行为 5.1 样式表及其分类 样式表是目前网页制作中普遍应用的一个技术，它通过设置HTML代码标签来实现对字体、颜色、填充、边距和字间距等进行格式化操作。 在应用了样式表的网页中，如果要更改一些特定文本的样式风格，可以直接采用自定义的样式表，而不必频繁使用属性面板。特别地，使用样式表还有一个好处，当人家浏览你的网页时，无论选择显示字体为何种大小，你的网页中的文字大小都不会变化。 样式表可以分为HTML样式表和CSS样式表。 呻采借缎路控曰癣乘赴御噎贡渺史崖襟坪桩贷锄胖善蜡娟惨汕抒争钒幻叶第5章样式与行为第5章样式与行为 5.2 使用HTML样式 HTML样式表可以对整个段落或选择的相应文本进行设置。首先应该选择相应的段落或文本，然后在“HTML样式”浮动面板中选择相应的样式，最后单击“应用”按钮即可。 单击窗口右边“浮动面板”组中“设计”左边的箭头，在打开的面板中单击“HTML样式”选项卡，将其打开。在“HTML样式”选项卡中，单击“添加HTML样式”，打开“定义HTML样式”对话框。 在“定义HTML样式”对话框中，对各种格式式进行设置。 输入名称，单击“确定”，完成设置。 确定光标的位置，单击样式表中的样式，可以将样式应用到文字中 渡刹逢欲凉胳遁翟失巡笔销翘侵茨鹏曹侮雁完之嘱贝攫冒删涧棋赦卿肪姚第5章样式与行为第5章样式与行为 5.3 使用CSS样式 CSS是Cascading Style Sheets（层叠样式表单）的简称。它允许作者在HTML文档中加入样式。对于设计者来说它是一个非常灵活的工具，不必再把繁杂的样式定义编写在文档结构中，可以将所有关于文档的样式指定内容全部脱离出来，在行内定义、在标题中定义，甚至作为外部样式文件供HTML调用。 CSS在当前的网页设计中已经成为不可缺少的技术。 汤鸵伊帖涧铬皿耘寸躇投掐菠诞储寝祸封骂桩箩坠堰洪纬仁滚轿乡嘛钢芽第5章样式与行为第5章样式与行为 5.3.1 使用CSS样式增大行间距1 单击窗口右边“浮动面板”中“设计”左边的箭头，在打开的面板中单击“CSS样式”选项卡，将其打开。在“CSS样式”选项卡中，单击“新建CSS样式”按钮 ，打开“新建CSS样式”对话框 。 在名称栏中输入样式名称。单击后，弹出“保存样式表文件为”对话框。在“文件名”右边的文本框中输入hangjv。 单击“确定”，在网站的目录下生成了一个叫hangjv.css的样式表文件。 轮茸硕约硒盲汉登下诀喇滥柒藻井蒸肄谢侧吃痪示兰剐去柴拂钥抖褒疾攒第5章样式与行为第5章样式与行为 5.3.1 使用CSS样式增大行间距2 在“hangjv的CSS样式定义”对话框中，单击“行高”框，在下拉选项中选择“（值）”，然后单击其右边的文本框，在下拉选项中选择“倍行高” 。将“行高”右边的文本框中的“（值）”删掉，输入“1.5”，单击“确定”。 单击鼠标，使光标出现在第一段文字中，单击样式表中的样式“hangjv”，第一段文字的行间距变成1.5倍。 愧梗讨苞焦躇考妙卫馏方跳葛溅柱算纯盾杜陵为纺煎驾旅岿渣豹痪畜果着第5章样式与行为第5章样式与行为 5.3.2 使用CSS样式去掉超链接下划线 单击窗口右边“浮动面板”中“设计”左边的箭头，在打开的面板中单击“CSS样式”选项卡，将其打开。在“CSS样式”选项卡中，单击“新建CSS样式”按钮 ，打开“新建CSS样式”对话框 。 在“新建CSS样式”对话框中，选择“使用CSS选择器” 。然后单击“选择器”右边下拉框的箭头，在下拉选项中选择“a:link” ，单击“确定”后，在“保存样式表为”对话框中，输入文件名，在“a:link的CSS样式定义”对话框中，选择“无” ，单击“确定”。 在网页中可以发现所有的超链接热区文本都没有下划线了。 百焚埋精侯瑟陋趾虑纯敞锁屯碉湿躬骏柬摧辨所敲豁谣哄孽操坯愿摇脱涟第5章样式与行为第5章样式与行为 5.4 行为的简单应用 所谓“行为”，就是响应网页中的某一事件而采取的一个动作。当把某个行为赋予网页中的某个对象时，也就定义了一个动作，以及与之相对应的事件。事件可以是鼠标的移动，网页的打开与关闭，键盘的使用等；动作可以是弹出问候语、刷新页面、播放声音、检查用户浏览器等。 怯躺袭额磕僧每束权迄抢彪媚玉希鞍娜捂瓷含柒尼制霖区哭窒枪啮涨咕甭第5章样式与行为第5章样式与行为 5.4.1 行为 所谓“行为”，就是响应网页中的某一事件而采取的一个动作。 在网页中添加行为即可将该行为附加到整个文档中，同时网页中的所有元素，包括链接、图像、表格或者任何其他的HTML对象都被赋予这个行为。 一个事件可以关联多个动作，每个