1、实训项目一:使用CSS按下面的要求完成对网页exp1和exp2的修饰。 (一)对exp1改变文字属性,修改行间距。 (二)对exp1加背景图像,实现背景图像与文字分离。 (三)将网页exp1中使用的所有样式导出到一个样式表 文件中。并在网页exp2中导入该样式表文件。 (四)在网页exp2中应用相关的样式,并将其边框线改为1px的实线。 (五)实现从exp1到exp2的页面切换效果。 (六)改变exp1滚动条的颜色。提示:页面切换效果的制作,将代码加入区。,实训项目二:CSS综合应用实例怀旧经典歌曲集 操作要点: 1、用3行3列表格布局网页,表格宽780px.,加入文字及图像。 2、为图像添加
2、边框。新建样式.bk,选择器类型选“标签”,在标签下拉菜单中选,在其规则定义中设置边框属性。 3、用漂亮图像制作列表先制作一般列表,再新建样式.list ,定义CSS中的列表选项,,选择指定小图标为列表图像,最后对ul套用样式。 3、修改网页中超链接的属性先对网页相关文字制作超链接,在新建CSS规则对话框中,设选择器类型为“高级”,展开选择器对话框,选a:link,定义a:link的CSS规则定义对话框,定义其相关的属性。同样方法,可定义a:hover及a:visited的CSS规则。 4、使用CSS滤镜制作光晕字 要点:加入一行一列的表格并输入文字,在CSS规则定义对话框中选“扩展”,并选择相关滤镜,设定相应值。如:Glow(Color=#ff3366, Strength=8) 5、使用CSS滤镜制作图像模糊效果要点:在CSS规则定义对话框中选“扩展”,并选择相关滤镜,设定相应值。如:Blur(Add=1, Direction=135, Strength=45) 6、改变鼠标指针形状,