《实验三-Web应用开发技术.doc》由会员分享,可在线阅读,更多相关《实验三-Web应用开发技术.doc(8页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、淮海工学院计算机工程学院实验报告书课程名 Web应用开发技术 题 目:实验三 在网页中应用CSS 班 级: G计111 学 号: 姓 名: 钱敏亚 评语:成绩: 指导教师: 批阅时间: 年 月 日1、 实验内容或题目在网页中应用CSS. 2、实验目的与要求熟练掌握CSS基本语法:选择符、属性等。熟悉添加CSS的四种方法:链入外部样式表、内部样式表、导入外部样式表和内嵌样式。掌握CSS控制文本字体等的显示。熟悉CSS控制元素的定位及其定位元素的重叠。3、实验步骤与源程序 实验步骤 使用编辑器如记事本或者Dreamvear,输入相应代码,另存为*.html 运行成功后能出现正确运行结果,把图截下,
2、保存,则实验完成 最后完成实验报告 编写源代码1、选择符的应用 唐诗 夜泊牛渚怀古 牛渚西江夜,青天无片云。 登舟望秋月,空忆谢将军。 余亦能高咏,斯人不可闻。 明朝挂帆去,枫叶落纷纷。 2、 定义内部样式表 定义内部样式表 柳永 凤栖梧 衣带渐宽终不悔,为伊消得人憔悴。3、直接定义HTML标记中的 style属性 直接定义HTML标记中的 style属性 秦观 鹊桥仙 两情若是久长时,又岂在朝朝暮暮。 4、 嵌入外部样式表 h1 color:orgnge;h1 text-align:right; font-style:italic; font-family:楷体; font-size:x-l
3、are; 无题 李商隐 无题 身无彩凤双飞翼,心有灵犀一点通。 5、链接外部样式表 h1 color:red;h1 text-align:left; font-style:italic; font-family:楷体; font-size:x-small; 链接外部样式表 好好学习,天天向上6、 定位技术的应用 定位技术的应用spanfont-size:27pt;font-family:华文彩云span.level2position:absolute;z-index:2;left:103;top:103;color:yellowspan.level1position:absolute;z-in
4、dex:1;left:100;top:100;color:olivespan.level0position:absolute;z-index:0;left:106;top:106;color:bluep.levlposition:absolute;z-index:2;left:50;top:50;font-size:20pt;color:redp.lev2position:absolute;z-index:-2;left:52;top:52;font-size:20pt;color:orange好好学习好好学习好好学习天天向上天天向上4、 测试数据与实验结果(可以抓图粘贴) 1、选择符的应用 2、 定义内部样式表 3、4、 5、链接外部样式表6、 定位技术的应用 5、 结果分析与实验体会通过本次实验对所学的知识有了更深一步的了解,对CSS基本语法:选择符、属性等也明白了一点。熟悉添加CSS的四种方法:链入外部样式表、内部样式表、导入外部样式表和内嵌样式。相信在接下来的学习中,一定会越来越好。