实验六:层叠样式表

                    实验六:层叠样式表

1 学时  

2学时

 

  1. 实验目的与要求
  2. 掌握XML 使用CSS样式表的方式。
  3. 熟练使用CSS的基本样式编写程序。
  4. 学会调试XML和CSS共同运行的程序。
  5. 了解创建CSS和XML程序的流程。
  6. 了解基本CSS样式都有哪些。
  7. 学会依据显示结果判断样式有哪些标记需要实现。
  8. 学会调试XML和CSS程序。
  9. 实验环境

XML SPY

  1. 准备工作

教师准备实验内容。

学生掌握CSS的基本概念、文字大小、颜色、分行、分块的显示规则。

  1. 实验内容

实验1、

创建一个带有样式的XML文档。

某公司要招聘一批员工,公司经理要你编写一个XML文档。该文档要求带有招聘岗位、招聘要求、招聘截至日期等。

实验步骤  

  1. 构思  首先规划一下,编写该XML文档所需要的资源及数据。如手边的XML开发工具,该XML文档应该包含哪些数据,这些数据总的结构是什么,用草稿的形式写出大体的轮廓。每种数据都是以什么样式显示。
  2. 编写XML文档  根据上个步骤所做出的草稿,用XML文档实现,编写好后运行调试。
  3. 编写与XML文档对应的CSS文档  根据第一步所设想的样式在这个步骤中实现时,每种样式需要调用哪些标记。
  4. 调试和运行  如果上面的步骤都完成了,在这个步骤中可以进行调试,实际效果和预想的之间如出现差距、出现问题,应及时调试。

XML文档

CSS文档

实现结果:

 

 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

wangchuang2017

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值