利用CSS定义xml文档样式
CSS可以被应用于任何形式的结构化文档，比如可扩展性标记语言XML，因为制作者可以自定义没有任何表现的标记，比起HTML，XML的表现依赖于更多的样式。
下面是一个XML的片段。
===www.aspxuexi.com====asp学习网===分割线=====
<ARTICLE>
<HEADLINE>Fredrick the Great meets Bach</HEADLINE>
<AUTHOR>Johann Nikolaus Forkel</AUTHOR>
<PARA>
One evening, just as he was getting his
<INSTRUMENT>flute</INSTRUMENT> ready and his
musicians were assembled, an officer brought him a list of
the strangers who had arrived.
</PARA>
</ARTICLE>
===www.aspxuexi.com====asp学习网===分割线=====
为了让XML文档拥有普通的视觉效果，我们首先必须定义标签元素的样式是内嵌（inline-level）的还是块级（block-level）的。
例子：
INSTRUMENT { display: inline }/*定义标签样式为内嵌元素*/
ARTICLE, HEADLINE, AUTHOR, PARA { display: block }/*定义标签样式为块级元素*/
如何将定义好的CSS应用到XML文档中呢？使用下面这段代码。
<?xml-stylesheet href="style.css" type="text/css" media="screen"?>
为了让这个XML片段有更好的视觉表现，下面是一个完整的CSS文件。
===www.aspxuexi.com====asp学习网===分割线=====
INSTRUMENT { display: inline;}
ARTICLE, HEADLINE, AUTHOR, PARA { display: block ;}
HEADLINE { font-size: 1.3em; }
AUTHOR { font-style: italic; }
ARTICLE, HEADLINE, AUTHOR, PARA { margin: 0.5em; }
ARTICLE{background:#f5f5f5;border:1px #eee solid;}
INSTRUMENT{font-weight:bold;}
Update:2006-07-06
===www.aspxuexi.com====asp学习网===分割线=====
上面是外连样式表,下面给几个内嵌样式表,虽然浏览器的支持程度不一,但是有些还是能看到效果的。更多内容请到 http://www.w3.org/Style/styling-XML
内嵌样式
===www.aspxuexi.com====asp学习网===分割线=====
<?xml version="1.0" encoding="gb2312"?>
<?xml-stylesheet href="#style" type="text/css"?>
<ARTICLE>
<EXTRAS id="style">
INSTRUMENT { display: inline }
ARTICLE, HEADLINE, AUTHOR, PARA { display: block; color:#ffcc00;}
EXTRAS { display: none; }
</EXTRAS>
<HEADLINE>Fredrick the Great meets Bach</HEADLINE>
...
</ARTICLE>
===www.aspxuexi.com====asp学习网===分割线=====
使用class属性
===www.aspxuexi.com====asp学习网===分割线=====
<?xml version="1.0" encoding="gb2312"?>
<?xml-stylesheet href="#style" type="text/css"?>
<doc>
<s id="style">
s{display: none;}
p{display: block;}
p.note{color: red;}
</s>
<p>Some text... </p>
<p class="note">A note... </p>
</doc>
===www.aspxuexi.com====asp学习网===分割线=====
使用带有[]的选择符
===www.aspxuexi.com====asp学习网===分割线=====
<?xml version="1.0" encoding="gb2312"?>
<?xml-stylesheet href="#s1" type="text/css"?>
<doc>
<s id="s1">
s{display: none;}
p{ display: block ;}
p[class~=note]{color: red;}
</s>
<p>Some text... </p>
<p class="note">A note... </p>
</doc>
<?xml-stylesheet href="#s1" type="text/css"?>
<doc>
<s id="s1">
s { display: none }
p { display: block }
p[warning="yes"] { color: red }
</s>
<p>Some text... </p>
<p warning="yes">A note... </p>
</doc>
本文主题利用CSS定义xml文档样式
