如下面代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script language="JavaScript">
function sum(){
var s1 = document.f1.s1.value
var s2 = document.f1.s2.value
var s3 = Number(s1)+Number(s2)
document.f1.s3.value=s3
}
</script>
</head>
<body>
<form name="f1">
<input type="text" name="s1">+
<input type="text" name="s2">=
<input type="text" name="s3">
<input type="button" value="计算结果" onclick="sum()">
</form>
</body>
</html>
通过上面的分析我们可以知道装饰XML的方法有两个：XSL和CSS。但是XSL和CSS到底有什么关系呢？当然我们可以注意到它们都可以用来定义XML显示格式的，但是它们存在很大的不同，XSL是应用于整个XML文档的，而CSS只是对HTML标签的显示模式进行了指定，它的任务是对HTML 元素指定一组显示属性。
CSS 决定了页面的视觉外观，但是不会改变源文档的结构。XSL是用来处理文档的标记语言，也称为基于模板的语言，它允许将某种模式映射到源文档中，该源文档的输出是用XML、HTML或纯文本书写的。
使用 XSLT，可以将 XML 文档的结构转换为不同的 XML 文档。例如，您可以更改 XML 文档的顺序、添加或删除元素、执行条件测试或者用元素的集合进行迭代。而CSS是一个属性集合，它用来标记一个元素的显示模式。同时需要说明的是，在XSL也可以使用CSS用来对由XML转化而成的HTML文档进行装饰。
它们是两种独立的技术。XSLT
和 CSS 不是兼容标准。一种在 XML 中创建 Web 页面的有用技术，是用 XSLT 将 XML 转换为诸如列表或表的结构，然后将 CSS
应用于结果，控制这些结构在适当媒体中的显示。您甚至可以从 XSLT 创建 CSS。
