XML文件的显示——CSS和XSL
来源：ccidnet.com 发布时间：2007-10-15 18:48:00
CSS（叠层样式表）和XSL（可扩展样式语言）都可以定义XML文件的显示，这两种方式有哪些不同以及它们在使用中的具体方法，我们将在本文给予介绍。
在XML文件中，使用的基本上是自定义的标记，显然一个浏览器是无法理解这些标记的，现在，浏览器仅仅是作为一个XML文件的解析器——只要你的XML文件是Well-Formed的，那么它就将文件原封不动地给你显示出来。在XML中内容与表现形式是分开的，在一个XML的源文件中并没有关于它表现形式的信息。XML的最大特点就是揭示了信息本身的含义，用于自动化的电子文档交换是最优的，如果一个XML文件仅仅用于交换信息，就无需考虑它的显示问题。编辑XML文件，我们仅仅需要关注文件的内容、信息的结构，至于它怎么显示，则交给CSS（叠层样式表）和XSL（可扩展样式语言）来完成。这就使得用户可以根据需要来定义数据的表现形式。
■用CSS来表现XML
CSS在HTML中已经有很好作用，在XML中，CSS同样发挥了它强大的样式表作用。在XML中的CSS和HTML中的CSS差不多。目前的版本是CSS 2.0。
我们先来看一段CSS的代码——例1中的first.css。它是为例1中2.xml这个XML文件所作的CSS文件。
在2.xml这个XML文件的源文件中，有一行：〈?xml-stylesheet href="first.css" type="text/css"?〉，它指明这个XML文件在显示的时候引用CSS文件，具体的语法如下：〈?xml-stylesheet href="URL" type="text/css"?〉 其中，xml-stylesheet是关键字，表明引用样式表设定；href="URL"用来指定样式表所在的位置，在例1中，因为first.css和2.xml在同一个目录下，所以可以直接写出它的名称，是相对地址；type="text/css"表示该样式表是CSS的样式表。应用CSS前，浏览器显示如图1，应用了样式表后，显示效果如图2所示。
图1
下面我们来分析例1中first.css这个文件。大家可以看到，在XML中的CSS和HTML中的CSS语法上实际是一样的。都是通过一些标记来设置标记文字怎样显示。
对照表1和表2，来分析这个文件。在这个文件中，每一个区块是针对XML文件中不同的标记来设定的，每个区块用{}符号分割开。像第一个区块，设置了title标记中文字的颜色（COLOR）、显示状态（是否分段：block或inline；隐藏不显示出来：none）、字型（FONT-FAMILY）、大小（FONT-SIZE和FONT-WEIGH）、有无上/下划线（TEXT- DECORATION）。其他区块，大家可以对照表中的一些常用属性来分析。我们可以利用CSS的各种属性组合出丰富多彩的显示效果。这和编程关系不大，因为语法太简单了，关键看你的想像力了。
对于同一个XML文件，如果我们赋予它不同的CSS，那么它就有不同的显示效果，如果你的网页用XML来制作，那么为了变换网页的样子，就可以编辑多个CSS文件，隔段时间更换。只需要在XML文件的前面改变“URL”指定的CSS文件就可以。
0
投稿猜你喜欢
- 生活中我们经常会遇到一些加密算法，今天我们就聊聊这些加密算法的Python实现。部分常用的加密方法基本都有对应的Python库，基本不再需要
不同的色彩空间中对图片的色彩体现有很大不同#色彩空间的相互转换：最常见的是HSV与RGB,YUV与RGB的相互转换#常见色彩空间有：#RGB- 一、集合在 python 中用 {} 扩起一堆数字，但是这堆数字没有体现映射关系，那么这堆数字就是一个集合。集合的特色：集合在 python
- 说明：操作系统：Windows Server 2003MySQL版本：5.5.25MySQL程序安装目录：D:\Program Files\
- 本文实例讲述了Python数据结构与算法之图的基本实现及迭代器。分享给大家供大家参考，具体如下：这篇文章参考自《复杂性思考》一书的第二章，并
- 对想要在可视化的环境下制作复杂网页的专业网页制作者来说，Dreamweaver 已经渐渐在网页编辑工具市场中展露头角，成为专业人士
- 报错：Uncaught SyntaxError: Unexpected token o in JSON at position 1at JS
- 经常看到有人在网上询问关于imread()函数读取图片失败的问题。今天心血来潮，经过实验，总结出imread()调用的四种正确姿势。通常我要
- 最近在D4得到一本(美) Penny Mcintire写的《Visual Design for the Modern Web》.突然觉得可用
- 实现效果：方法一：1 print "+"+"-"*8+"+"+"-&q
- Python写一些简单的GUI界面也是非常简单的，并且Python有着丰富的库，这些库可以很方便我们去操作Windows系统，搭配界面，可以
- 翻译：用法：zeros(shape, dtype=float, order='C')返回：返回来一个给定形状和类型的用0填充
- 一、动机（Motivate）在我们的现实生活中有很多例子可以拿来说明这个模式，我们还拿吃饺子这个事情来说。我的奶奶说了，今天想吃饺子，发出了
- 本文实例讲述了Python变量、数据类型、数据类型转换相关函数用法。分享给大家供大家参考，具体如下：python变量的使用不需要进行类型声明
- 本文实例讲述了原生JS实现的简单轮播图功能。分享给大家供大家参考，具体如下：经过几天的努力，终于攻克了这一难题，于是迫不及待的想要分享给大家
- 主要用到 str.charCodeAt()和 String.fromCharCode()方法--》使用 charCodeAt() 来获得字符
- 我们今天主要描述的是php和MySQL转义字符，我们大家都知道php和MySQL转义字符的实际应用比例还是占为多数的，如果你对这一技术，心存
- keras根据层名称来初始化网络def get_model(input_shape1=[75, 75, 3], input_shape2=[
- 在程序中，变量就是一个名称，让我们更加方便记忆。cars = 100 space_in_a_car = 4.0 drivers = 30 p
- andot提出问题：在做 ajax 编程时，我们常常需要将 xmlhttp 获取到的页面内容通过 innerHTML 来赋给某个容器（比如
