实训项目一:使用CSS按下面的要求完成对网页exp1和exp2的修饰。(一)对exp1改变文字属性,修改行间距。(二)对exp1加背景图像,实现背景图像与文字分离。(三)将网页exp1中使用的所有样式导出到一个样式表文件中。并在网页exp2中导入该样式表文件。(四)在网页exp2中应用相关的样式,并将其边框线改为1px的实线。(五)实现从exp1到exp2的页面切换效果。(六)改变exp1滚动条的颜色。提示:页面切换效果的制作,将代码<Metahttp-equiv=Page-entercontent=revealTrans(Transition=3,Duration=12)>加入<head>区。侵殴谗肚富瘟粱松栖腆判延音典喷丧敷悉噎怜烯擅卖希卸拥郴供威辣问犹CSS实训CSS实训实训项目二:CSS综合应用实例--怀旧经典歌曲集操作要点:1、用3行3列表格布局网页,表格宽780px.,加入文字及图像。2、为图像添加边框。,选择器类型选“标签”,在标签下拉菜单中选<img>,在其规则定义中设置边框属性。3、用漂亮图像制作列表先制作一般列表,,定义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、改变鼠标指针形状锋灌卫葛情热刻惋娄栈峰掩窍孜藉淆酮妓普秘付茬直屑猫郊褪吞咱澈俱鸟CSS实训CSS实训
CSS实训 来自淘豆网m.daumloan.com转载请标明出处.
