收藏 分享(赏)

CSS实训.ppt

上传人:s36f12 文档编号:6688433 上传时间:2019-04-20 格式:PPT 页数:2 大小:133KB
下载 相关 举报
CSS实训.ppt_第1页
第1页 / 共2页
CSS实训.ppt_第2页
第2页 / 共2页
亲,该文档总共2页,全部预览完了,如果喜欢就下载吧!
资源描述

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、改变鼠标指针形状,

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 网络科技 > CSS/Script

本站链接:文库   一言   我酷   合作


客服QQ:2549714901微博号:道客多多官方知乎号:道客多多

经营许可证编号: 粤ICP备2021046453号世界地图

道客多多©版权所有2020-2025营业执照举报