2014实验三样式表技术与.docVIP

实验： XM一、实验类型 验证性实验 二、实验目的 1． 三、实验要求 1． 2．3．．三、实验环境 配置有XML Spy 2006开发环境的计算机设备 四、实验原理 1．Cascading Style Sheets)，级联样式表，提供了简单的语法和强大的格式化显示能力。在CSS文件中对XML元素设定不同的样式规则，当使用浏览器显示XML文件，浏览器会根据所引用的CSS文件，对XML每个元素进行格式化。 CSS最初是为HTML进行的设计，不具备XML的语法。 根据书本内容，掌握CSS的语法结构、常用属性和两种引用方式 XSL——基于XML的样式表技术 XSL(eXtensible Stylesheet Language)，可扩展的样式表语言，提供了基于XML的样式显示方式，它本身就是结构完整的XML文档。 XSL包含三个部分的内容：XSLT、XPath和XSL-FO。 XSL的功能主要由XSLT来完成。 在XSL中定义了用于XML显示的模版和模式，当XML处理程序读取XML文件时，会将读入的内容与模式比较，当识别出与XSL样式文件中模式匹配内容的时，将按照对应的模版组合这些内容，生成带有显示能力的其他文档。 使用XPath来查找、定位XML文档片段。 XSL-FO对象可以对XSL转换结果进行显示。FO目前较少使用，一般来说，会将XML转换为(x)Html文件，利用CSS和HTML来提供显示。 4．CSS与XSL比较 CSS只能改变特定元素的格式，也只能以元素为基础。但XSL样式单可以重新排列元素并对元素进行重排序。这种样式单可以隐藏一些元素而显示另外一些元素。更进一步说，还可以选择应用样式的标记，而不仅是基于标记的，而且还基于标记的内容和特性，还基于标记在文档中相对于其他元素的位置，以及基于各种其他的准则。 CSS的优越性在于具有广泛的浏览器支持。但是XSL更为灵活和强大，可更好地适用于XML文档。而且带XSL样式单的XML文档可以很容易地转换为带CSS样式单的HTML文档。四、实验内容”进行CSS定义（设CSS文件名为“联系人.css”） ?xml version=1.0 encoding=gb2312 standalone=no? ?xml-stylesheet type=text/css href=联系人.css? 联系人列表 联系人 姓名李 明/姓名 电电话 /联系人 联系人 姓名陈 俪/姓名 电电话 /联系人 /联系人列表 （2）书写css定义头部 ?xml version=1.0 encoding=gb2312? （3）定义“联系人列表”元素的显示（由“联系人”组成） 联系人列表{display:block;} （4）定义“联系人”元素的显示 联系人{ display:block; position:center; } （5）定义“姓名”及“电话”元素的显示 姓名{ display:block; color:blue; font-family:Times,Arial,serif; font-style:normal; font-size:16pt; font-weight:bold; } 电话{ display:block; color:red; font-family:Times,Arial,serif; font-style:italic; font-size:16pt; font-weight:bold; } （6）在XML文件中指定对应CSS样式表 ?xml version=1.0 encoding=gb2312 standalone=no? ?xml-stylesheet type=text/css href=联系人.css? 联系人列表 联系人 姓名李 明/姓名 电电话 /联系人 联系人 姓名陈 俪/姓名 电电话 /联系人 /联系人列表 （8）在IE中打开带有CSS定义的“联系人信息.xml”，观察显示结果。如显示没有效果，请修改XML中的元素中文名称替换为字母，并修改对应的css文件。 （10）修改CSS的引用方式为内部CSS。 问题与思考： （1）CSS选择器是否支持中文？ （2）CSS的选择器定义的样式规则是否会被继承？ （二）使用XSL处理XML