[整理]CSS入门4：如何在XML中插入CSS

CSS可以被应用于任何形式的结构化文档，比如可扩展性标记语言XML，因为制作者可以自定义没有任何表现的标记，比起HTML，XML的表现依赖于更多的样式。

下面是一个XML的片段。

 

Fredrick the Great meets Bach
Johann Nikolaus Forkel

One evening, just as he was getting his
flute ready and his
musicians were assembled, an officer brought him a list of
the strangers who had arrived.

为了让XML文档拥有普通的视觉效果，我们首先必须定义标签元素的样式是内嵌（inline-level）的还是块级（block-level）的。

例子：

 

INSTRUMENT { display: inline }/*定义标签样式为内嵌元素*/
ARTICLE, HEADLINE, AUTHOR, PARA { display: block }/*定义标签样式为块级元素*/

如何将定义好的CSS应用到XML文档中呢？使用下面这段代码。

 

为了让这个XML片段有更好的视觉表现，下面是一个完整的CSS文件。

 

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;}