视频:第2课 - CSS与XML的综合运用 - CSS与其他技术
作者:曾顺 来源:前沿视频教室 【大 中 小】 浏览: 添加日期:2008-06-26 我要评论(0)
下载该节视频教程 动力软件园分流下载 FLV播放器下载 或者使用QQ影音播放
XML是eXtensible Markup Language的缩写,即可扩展标记语言。它是一种可以用来创建自定义标记的语言,由万维网协会(W3C)创建,用来克服HTML的局限。从实际功能上来看,XML主要用于数据的存储,而HTML则主要用于数据的显示。本课重点介绍XML的基础知识、XML与CSS的关系,以及将二者结合在一起的简单使用方法。
1.XML基础
XML是可扩展标记语言的简称,它结构化的定义数据标准的格式。我们在这里主要介绍XML的基础知识,包括XML的特点、XML与HTML的联系、XML的语法、XML的编写等等。希望大家能了解以下几个要点:
- XML的特点
- XML与HTML
- XML基本语法
2.XML链接CSS文件
XML的主要用途是文件数据结构的描述,但XML并没有办法告诉浏览器,这些结构化的数据应该怎样显示出来。与HTML的原理类似,通过链接外部的风格样式文件,就能够很好的显示数据。我们在这里主要介绍XML调用CSS的方法,以及CSS如何控制XML页面中的各个元素。
与HTML页面一样,在XML中同样可以链接外部的CSS文件,来控制各个标记,其方法与HTML外部链接CSS文件很类似,简单的示例如下所示。
3.XML文字阴影效果
前面介绍了XML如何链接CSS文件的方法,我们在这里通过具体的实例,进一步学习CSS控制各个XML中数据的技巧。本例利用CSS的定位,在XML中实现类似前面的“文字阴影”的效果。
4. XML古诗字画
上一节对XML的CSS文字定位进行了实例介绍,我们在这里主要讨论XML中插入图片,以及配合文字的技巧。本例主要通过绝对定位的方法,为XML文档的段落文字排版,并导入背景图片配合文字。
5. XML实现隔行变色的表格
在前面我们曾经利用HTML的 table 数据表格与CSS配合,制作出了方便实用的隔行变色表格。对于用XML表示的数据,同样可以采用类似的办法,使得数据表格看上去友好、实用。本例效果如图所示。

〖DIV+CSS教程〗Tags: 视频 css应用 xml应用
所属专题:视频教程
相关文章
更多评论(0)..会员评论
推荐文章
热门文章
最新评论文章
推荐专题
在线交流QQ群
- 106310407(开)
- 55427134(开)
- 2993401(开)
- 30235673(开)
- 33424604(开)
- 2993401(开)
- 161512108(开)
- 161510519(开)
- 158375021(开)
- 155858414(开)
- 143309878(开)
- 16373807(开)
- 129098721(开)
- 123473199(开)
- 146991009(开)
- 135792800(开)
