实验六:层叠样式表
1 学时
2学时
- 实验目的与要求
- 掌握XML 使用CSS样式表的方式。
- 熟练使用CSS的基本样式编写程序。
- 学会调试XML和CSS共同运行的程序。
- 了解创建CSS和XML程序的流程。
- 了解基本CSS样式都有哪些。
- 学会依据显示结果判断样式有哪些标记需要实现。
- 学会调试XML和CSS程序。
- 实验环境
XML SPY
- 准备工作
教师准备实验内容。
学生掌握CSS的基本概念、文字大小、颜色、分行、分块的显示规则。
- 实验内容
实验1、
创建一个带有样式的XML文档。
某公司要招聘一批员工,公司经理要你编写一个XML文档。该文档要求带有招聘岗位、招聘要求、招聘截至日期等。
实验步骤
- 构思 首先规划一下,编写该XML文档所需要的资源及数据。如手边的XML开发工具,该XML文档应该包含哪些数据,这些数据总的结构是什么,用草稿的形式写出大体的轮廓。每种数据都是以什么样式显示。
- 编写XML文档 根据上个步骤所做出的草稿,用XML文档实现,编写好后运行调试。
- 编写与XML文档对应的CSS文档 根据第一步所设想的样式在这个步骤中实现时,每种样式需要调用哪些标记。
- 调试和运行 如果上面的步骤都完成了,在这个步骤中可以进行调试,实际效果和预想的之间如出现差距、出现问题,应及时调试。
XML文档
CSS文档
实现结果: