[其它]XSL介绍.ppt
《[其它]XSL介绍.ppt》由会员分享,可在线阅读,更多相关《[其它]XSL介绍.ppt(35页珍藏版)》请在三一办公上搜索。
1、第六章,XSL,课程目标,CSS样式表介绍 XSL介绍 XSL语言的语法 如何将XML和XSL配合使用,体验项目,在第二章中编写过关于学生信息的XML文档,在本章体验项目中将使用XSL语言来处理该文档,在XSL文件中有三个模板:,运行效果图,第三个模板是根模板,用于包含前面的两个子模板。,第一个模板用于按年龄区分来显示信息,年龄不大于23的人的信息显示红色,并且使用表格的形式显示出来的。,第二个模板用于显示姓名为“张三”的学生信息。,XSL文件编写完成后,在文档中引用该XSL文件,使用Web浏览器打开该文档,如下图所示:,样式表概述,CSS样式表,CSS是Cascading Style She
2、ets的缩写,中文翻译为“层叠样式表”,简称样式表,用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。它是当前一种制作网页的技术。在1998年,W3C公布了一个修订的、详细的CSS规范,称之为CSS2。同时,他们又把原来的CSS改名为CSS1。CSS2几乎是CSS1的超集,只有一小部分不同。现在已经成为网页设计必不可少的工具之一,大多数的浏览器都支持该样式表。,一个简单的CSS语句,a color:#FFFFFF;font-style:italic,其中“a”在该语句中称为选择对象,也称为选择器,它指明我们要给“a”来定义样式。在编辑CSS样式时样式声明写在一对大括号“”
3、中;“color”和“font-style”称为“属性”,在同一个选择器可以有多个属性,但不同属性之间要用分号“;”分隔;属性后面的“#FF0000”和“italic”是属性的值(value)。属性与属性值之间用冒号分开。某个属性的值可能有多个,但他们之间要用逗号分隔。,CSS样式表的引用,对样式表的引用主要有如下三种方式:,内嵌样式表(Inline Styles),链入外部样式表文件(Linking to a Style Sheet),定义内部样式表(Embedding a Style Block),链入外部样式表文件,所谓链入外部样式表文件,即在某个文档中直接引用已经写好的样式表文件(后缀
4、为.css的文件)。如下:,测试链入外部样式表文件,已经写好了一个样式表文件,文件名为testcss.css,然后可以在同一目录下的HTML文件中应用该样式表文件,link是HTML中的标记,rel=stylesheet是指在页面中使用外部样式表文件;href=mystyle.css是文件所在的位置,或者是一个URL;type=text/css是指文件的类型是样式表文本。,定义内部样式表,内部样式表是把样式表放到页面的“head”标记中,这些定义的样式就应用到该页面中了,这种样式表是在“style”标记中插入的。如下:,body background-color:blue;,注意:在内部样式表
5、的编辑中,我们经常会看到“”的标记,那是因为有些低版本的浏览器不能识别“style”标记,这些低版本的浏览器会忽略“style”标记里的内容,并把“style”标记中的内容以文本方式直接显示到页面上。为了避免这样的情况发生,就使用了添加HTML注释的方式,即使用“”标记将内容隐藏起来。,导入外部样式表,导入外部样式表是指在内部样式表的“style”标记中导入一个外部样式表,导入时用import,如下:,import testcss.cssbody background-color:blue;,已经写好的一个样式表文件,文件名为testcss.css,导入外部样式表与链入外部样式表文件类似,但导
6、入的外部样式表实质上相当于是存在某个内部样式表中的。,注意:导入外部样式表的语句必须放在该样式表的开始部分,在其他内部样式表上面。,内嵌样式表,内嵌样式表是混合在HTML标记中使用的,使用这种方法,可以很简单的对某个元素(标记)单独定义样式。内嵌样式的使用是直接把在HTML标记中加入“style”参数。而style参数的内容就是css的属性和值,如下:,对p标记添加样式,在style参数后面引号里的内容就相当于样式表文件中大括号里的内容。,使用CSS样式表格式化XML文档,在XML文档通过处理指令使用样式表,使用HTML命名域将CSS样式嵌入到XML文档中,在XML文档中使用CSS样式表,主要
7、有以下两个方法:,在创建的XML文档中添加基本的样式表指令,其形式如下所示:,每个样式表指令必须含有一个“type”属性。这个属性的值描述了样式表应用的具体类型:“text/css”表示使用一个CSS样式表,“text/xsl”表示使用了一个XSl样式表。处理指令中的“href”属性值是一个URL或相对路径,指明样式表的位置。,CSS样式表格式化XML文档示例,15896316252Jufru26J13465482123,XML文档如下:,class,studentfont-size:15pt;font-weight:bold;color:blue;namefont-weight:bold;f
8、ont-size:14pt;display:block;color:red;age,email,phonefont-weight:bold;font-size:12pt;display:block;color:block;margin-left:20pt;,CSS样式表文件(mycss.css)的代码如下:,姓名以红色字体显示,年龄、电子邮箱和电话以蓝色显示,并且与姓名要有层次关系,在编写的XML文档中使用处理指令引用该样式表,即在该文档中添加如下代码:,运行效果图,使用HTML命名域将CSS样式嵌入到XML文档中,在“HTML:STYLE”元素内编写CSS样式表。如下:,class,stud
9、entfont-size:15pt;font-weight:bold;color:blue;namefont-weight:bold;font-size:14pt;display:block;color:red;zhangsan,xmlns:html=“http:/www.w3.org/Profiles/XHTML-transitional”必须使用,XSL介绍,XSL(eXtensible Stylesheet Language,可扩展样式语言)是为XML文件定义的一种标识语言。它将提供远远超过CSS的强大功能,如将元素再排序等。其包括XSLT、XPath和XML格式对象(XSL-FO)三部
10、分。,使用XSL定义XML文档显示方式的基本思想是:通过定义转换模板,将XML源文档转换为带样式信息的可浏览文档。,注意:XSL是一种语言,而XSLT是一种技术。扩展样式表语言转换(XSLT)是由早期的XSL标准进化而来的,现在一般所说的XSL大都指的是XSLT。,XSL和CSS的关系,XSL和CSS的联系与区别,XSL是应用于整个XML文档,而CSS只是对HTML标签的显示模式进行了指定,它的任务是对HTML元素指定一组显示属性。,CSS决定了页面的视觉外观,但是不会改变源文档的结构。XSL是用来处理文档的标记语言,也称为基于模板的语言,它允许将某种模式映射到源文档中。,在XSL中也可以使用
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 其它 XSL 介绍
链接地址:https://www.31ppt.com/p-5616073.html