7.4 使用CSS显示XML

使用CSS显示XML只能采用外部CSS的形式,向XML文档中添加CSS的语法为:

alt

上面的语法格式在应用到XML文档中时只需修改href属性的值即可。

对于如下XML文档:

程序清单:codes\07\7.4\item-list.xml

alt

上面的XML文档中的粗体字代码导入了一个CSS,其代码如下:

程序清单:codes\07\7.4\item.css

alt

在Firefox里浏览item-list.xml文档,将可看到图7.6所示页面。

alt

图7.6 CSS控制XML的显示效果

但需要指出的是:使用CSS显示XML并不是一种非常稳定的做法,因为这很大程度上取决于浏览器的支持程度。对于图7.6所示的XML页面,如果使用Internet Explorer 6来浏览,将看到如图7.7所示。

alt

图7.7 CSS控制XML的显示效果

图7.6和图7.7的显示效果差异很大,这种差异主要是由于不同浏览器对XML+CSS的支持不同所造成的。实际上,由于XML+CSS的可视化效果受浏览器制约大,而且CSS对XML显示效果的控制也比较有限,因此通常很少直接选择CSS来控制XML的显示效果。

如果实际应用中打算选用XML作为视图技术,那么应该选择XML+XSLT组合,这样可以有更好的显示控制效果。