4.4网页的美化与特效制作.ppt

《4.4网页的美化与特效制作.ppt》由会员分享，可在线阅读，更多相关《4.4网页的美化与特效制作.ppt（13页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、1、应用样式表美化网页4.4 网页的美化与特效制作网页的美化与特效制作南京市第十四中学 技术组 宋卫娟2017年5月18日一、CSS样式表 样式的含义：样式的含义：stylestyle，文字和段落设置的组合，文字和段落设置的组合例如：标题样式例如：标题样式 项目符号列表样式项目符号列表样式 编号列表样式编号列表样式网页中用样式的好处：网页中用样式的好处：节省节省网页元素格式化定义的工作量，大大网页元素格式化定义的工作量，大大提高工作效率提高工作效率一、CSS样式表 1 1、内联样式表、内联样式表把样式表放在把样式表放在的中间的中间使使样式表对当前的网页产生作用样式表对当前的网页产生作用格式如下

2、：格式如下：style 其中其中type=“text/css”可省略可省略样式表的具体内容样式表的具体内容 一、CSS样式表 2 2、外部样式表、外部样式表把样式在一个单独的把样式在一个单独的文本文件文本文件中编码中编码然后在然后在需要的多个网页需要的多个网页中通过链接样式表中通过链接样式表引用引用的方法。的方法。具体操作方法为：具体操作方法为：（1 1）定义一个外部样式表文件定义一个外部样式表文件（例如（例如q.cssq.css），这个文件以），这个文件以”.csscss”为后缀。为后缀。（2 2）单击）单击格式菜单格式菜单中的中的“样式表链接样式表链接”，对该网页进行样式，对该网页进行样式

3、表添加表添加一、CSS样式表 3 3、内嵌样式表、内嵌样式表作用的范围只限于本标记作用的范围只限于本标记。例如，想规定一个表格例如，想规定一个表格标记中的文字为红色，字体大标记中的文字为红色，字体大小为小为10pt10pt，则可以书写为：，则可以书写为：CSS样式表试题练习单选题单选题1、在HTML中加入CSS有多种方法，其中把样式定义成一个“.CSS”文件，然后链接到网页中，这种方法称为（）A、直接编写B、外联式样式表C、内联式样式表D、嵌入式样式表BCSS样式表试题练习单选题单选题2、css代码前面必须有一个开头语句，下面语句哪个正确？（）A、B、C、D、ACSS样式表试题练习单选题单选题

4、3、在HTML中加入，此为（）。A、外联式样式表 B、动态式样式表C、内联式样式表 D、嵌入式样式表DCSS样式表试题练习单选题单选题4、网页中设有超链接的文字，在鼠标划过时，变成淡蓝色，字体也由9pt，变为10pt，并出现下划线，这是使用了（）A、动画效果B、加入html的css方式 C、网站标志D、以上都不对BCSS样式表试题练习单选题单选题5、使用CSS为多个网页进行相同风格的布局和外观设置时，为了方便对这些网页进行修改，最好使用（）A、VBSCRIPT样式表B、JAVASCRIPT样式表C、外联式样式表D、内联式样式表CCSS样式表试题练习单选题单选题6、使用CSS为外观设置时，若想只对当前而应用样式，最好使用（）A、内联式样式表B、VBScript样式表C、外联式样式表D、Javascript样式表A二、制作网页动态特效尝试制作网页DHTML效果吸引浏览者的注意力，引起浏览者的兴趣方法：工具自定义DHTML效果课堂小结使用样式的优点？节省节省网页制作的网页制作的工作量，大大工作量，大大提高工作效提高工作效率率在网页上增加动态特效有什么好处？吸引浏览者的注意力，引起浏览者的兴趣