📄 0404-0000.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0071)http://162.105.170.55/ASPs/GetLearningArticleTemp.asp?section=0404-0000 -->
<HTML><HEAD><TITLE>XML中国论坛 - 初学进阶 - 4.4 两种样式单的比较</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>TABLE {
FONT-SIZE: 9pt; COLOR: black; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋体"
}
.pt9 {
FONT-SIZE: 9pt; COLOR: black; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋体"
}
.pt10 {
FONT-WEIGHT: 700; FONT-SIZE: 10pt; LINE-HEIGHT: 18pt; FONT-FAMILY: "宋体"
}
.TempOutline {
FONT-SIZE: 9pt; MARGIN-LEFT: 15pt; COLOR: #666666; TEXT-INDENT: -28pt; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
}
.TempOutline1 {
FONT-SIZE: 9pt; MARGIN-LEFT: 24pt; COLOR: #666666; TEXT-INDENT: -36pt; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
}
.Outline {
FONT-SIZE: 9pt; MARGIN-LEFT: 15pt; TEXT-INDENT: -28pt; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
}
.Outline1 {
FONT-SIZE: 9pt; MARGIN-LEFT: 24pt; TEXT-INDENT: -36pt; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
}
.Outline11 {
FONT-SIZE: 9pt; MARGIN-LEFT: 38pt; TEXT-INDENT: -50pt; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
}
.passage0 {
FONT-SIZE: 9pt; MARGIN-LEFT: 15pt; TEXT-INDENT: -28pt; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
}
.passage1 {
FONT-SIZE: 9pt; MARGIN-LEFT: 24pt; TEXT-INDENT: -36pt; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
}
.passage11 {
FONT-SIZE: 9pt; MARGIN-LEFT: 38pt; TEXT-INDENT: -50pt; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
}
.passage111 {
FONT-SIZE: 9pt; MARGIN-LEFT: 51pt; TEXT-INDENT: -64pt; LINE-HEIGHT: 15pt; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
}
</STYLE>
<SCRIPT language=JavaScript>
<!--
//以下用于控制文本链接
function MM_goToURL() { //v2.0
for (var i=0; i< (MM_goToURL.arguments.length - 1); i+=2) //with arg pairs
eval(MM_goToURL.arguments[i]+".location='"+MM_goToURL.arguments[i+1]+"'");
document.MM_returnValue = false;
}
//以下用于控制文本缩进
function clickHandler()
{
var targetId;
var srcElement = window.event.srcElement;
var targetElement;
if (srcElement.className.substr(0,7) == "Outline")
{
targetId = srcElement.id.substr(0,12) + "details";
targetElement = document.all(targetId);
if (targetElement.style.display == "none") {
targetElement.style.display = "";
}
else {
targetElement.style.display = "none";
}
targetId = srcElement.id.substr(0,12) + "Image";
targetElement = document.all(targetId);
if (targetElement.src.indexOf("plus") >= 0) {
targetElement.src = "Image/minus.gif";
}
else {
targetElement.src = "Image/plus.gif";
}
}
}
document.onclick = clickHandler;
//以下用于控制标题图片选取
function cache_img (img_URL) {
if (document.images) {
im = new Image();
im.src = img_URL;
}
}
function roll_img (img_name, img_URL) {
if (document.images) {
document.images[img_name].src = img_URL;
}
}
cache_img ('image/menu_homepage1.gif');
cache_img ('image/menu_homepage0.gif');
cache_img ('image/menu_faq1.gif');
cache_img ('image/menu_faq0.gif');
cache_img ('image/menu_learner1.gif');
cache_img ('image/menu_learner0.gif');
cache_img ('image/menu_tech1.gif');
cache_img ('image/menu_tech0.gif');
cache_img ('image/menu_dev1.gif');
cache_img ('image/menu_dev0.gif');
cache_img ('image/menu_software1.gif');
cache_img ('image/menu_software0.gif');
cache_img ('image/menu_standards1.gif');
cache_img ('image/menu_standards0.gif');
cache_img ('image/menu_diss1.gif');
cache_img ('image/menu_diss0.gif');
cache_img ('image/menu_focus1.gif');
cache_img ('image/menu_focus0.gif');
cache_img ('image/menu_news1.gif');
cache_img ('image/menu_news0.gif');
cache_img ('image/menu_lab1.gif');
cache_img ('image/menu_lab0.gif');
cache_img ('image/menu_link1.gif');
cache_img ('image/menu_link0.gif');
cache_img ('image/menu_co1.gif');
cache_img ('image/menu_co0.gif');
cache_img ('image/menu_map1.gif');
cache_img ('image/menu_map0.gif');
cache_img ('image/menu_doc1.gif');
cache_img ('image/menu_doc0.gif');
cache_img ('image/menu_about1.gif');
cache_img ('image/menu_about0.gif');
//-->
</SCRIPT>
<META content="Microsoft FrontPage 5.0" name=GENERATOR></HEAD>
<BODY vLink=#000000 aLink=#000000 link=#000000 leftMargin=0 topMargin=0
onload=""><!-- 以下为主体内容 -->
<div align="center">
<center>
<TABLE width=707 border=0 style="border-collapse: collapse" bordercolor="#111111" cellpadding="0" cellspacing="0">
<TBODY>
<TR vAlign=top>
<TD width=42 height=80>
</TD>
<TD vAlign=center width="637" ><IMG height=33
src="image/title_learner.gif" width=226></TD>
<TD width=28 height=80>
</TD>
</TR>
<TR vAlign=top>
<TD width="42" > </TD>
<TD width="637" ><!-- 正文内容 -->
<DIV class=pt10><B>4.4 两种样式单的比较</B></DIV>
<DIV></DIV><BR>
<DIV class=pt9>
<P>本章的前几节花了很大的篇幅介绍了XML的样式单--CSS和XSL。CSS和XSL均属于样式单的一种，都可以用来设定文档的外观。那么，它们有什么区别呢？比较起来，它们主要有以下几个大的不同：
<OL>
<LI>用途不同<BR>CSS最早是针对于HTML提出的，后来又将其应用于XML之中，它既可以为HTML文档中的各个成分设定样式，又可以为XML中的成分设定样式。XSL是专门针对XML提出的，它不能处理HTML文档。但它有一个CSS无法达到的功能，即用一个命令行将一个XML文档转换为另一个文档并存盘。
<LI>处理结果不同<BR>XSL采用的是一种转换的思想，它将一种不含显示信息的XML文档转换为另一种可以用某种浏览器浏览的文档，转换后的输出码或者存为一个新的文档，或者暂存于内存中，但都不修改源代码。而CSS则没有任何转换动作，只是针对结构文档中的各个成分，依照样式规定一一设定外观式样，再由浏览器依据这些式样显示文档，在整个过程中没有任何新码产生。
<LI>表现能力不同<BR>在XSL中定义的90%的样式规定，实际上在CSS中都有定义。但仍然有一些效果是CSS无法描述的，必须使用XSL不可。这些功能包括文本的置换，例如将一个美国的时间表示格式转换为一个中国的时间表示格式；根据文本内容决定显示方式，例如将60分以上的分数用黑色显示，60分以下的分数用红色显示；将文档中的成分按照某一个子成分的值进行排序，例如将商品按售价进行排序。此外，还有对于超链接的支持，对于FRAME的支持，对于某些语种文字从上到下，行从右到左的排列格式的支持等，都是XSL所独有的。
<LI>语法不同<BR>XSL是根据XML的语法进行定义的，实际上又是XML的一种应用。而CSS的语法自成体系，且比较简单，易学易用。
</LI></OL>
<P>综上所述，一个XML文档的显示方式可以归纳为三种：即利用CSS显示，利用XSL转化为FO显示，以及利用XSL转化为HTML文档显示（这个HTML文档中可包含CSS样式）。<BR></P>
<P align=center><IMG height=235 alt="wpe47.jpg (10637 bytes)"
src="image/TU000000-0404-0000-01.jpg" width=293></P>
<P>随着利用XML定义的各种面向显示方式描述的置标语言的不断成熟和浏览器显示效果的不断丰富，在不久的将来，我们就可以利用名空间，通过XSLT将一个XML数据文档转换为集各种描述显示方式的标记于大成的文档，使浏览器具有更强的表达力，为网络数据提供越来越生动逼真、活灵活现的展现方式。</P>
<P align=center><IMG height=233 alt="wpe48.jpg (16531 bytes)"
src="image/TU000000-0404-0000-02.jpg" width=637></P></DIV>
<P></P>
<P></P></TD>
<TD width="28" > </TD>
</TR></TBODY></TABLE>
</center>
</div>
<P></P>
<P>
<P></P></BODY></HTML>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -