第四章 XML与CSS.ppt.Convertor.doc

第四章 XML与CSS Xml关心的是数据的结构,并能很好地,方便地描述数据,但是不提供数据的显示功能.如果想让浏览器显示xml文件中标记内容,那么必须以某种方式告诉浏览器如何显示.w3c提供了两个建议规范:css(层叠样式表)和xsl(可扩展样式语言), Xml关心的是数据的结构,并能很好地,方便地描述数据,但是不提供数据的显示功能.如果想让浏览器显示xml文件中标记内容,那么必须以某种方式告诉浏览器如何显示.w3c提供了两个建议规范:css(层叠样式表)和xsl(可扩展样式语言), CSS的发展史 1 CSS是Cascading Style Sheet（层叠样式表）的英文缩写。它是HMTL网页标准语言制定者W3C万维网联盟制定并发布的一个网页排版样式标准，用来对HTML有限的表现功能进行补充。 CSS的发展史 2随着CSS的广泛应用,CSS现在有两个不同层次的标准. (1)CSS1（CSS Level 1）是 CSS的第一层次标准，它正式发布于1996年12月17日。后来 1999年1月11日进行了修改。该标准提供简单的样式表机制，使的网页的制作者通过附属的样式对HTML文档的表现进行描述。 (2) CSS2（CSS Level2） 1998年5月12日被正式作为标准发布，CSS2基于 CSS1，包含CSS1的所有的特色和功能，并在多个领域进行完善，把表现样式文档和文档内容进行分离。CSS2支持多媒体样式表，使得我们能够根据不同的输出设备来给文档制定不同的表现形式。 CSS技术优势 数据重用 编写好的样式（CSS）文档；可以用于多个XML文档，从而数据就达到了重用的目的，节省了编写的时间，统一了多个XML文档的分格。 轻松地增加网页的特殊效果,使用CSS标记可以非常简单地对图片、文本信息进行修饰，设置相关属性。 3 使元素更加准确定位 使显示的信息按我们自己的意愿出现在指定的地方。 CSS介绍 在CSS中,最重要的概念就是样式表. CSS 样式表 样式表是一组规则,通过这组规则告诉浏览器用什么样式来显示文本.比如用什么样的字体、颜色、页边距……来显示文本。 样式表的格式如下: 文本代表 { 样式规则 } 说明:“文本代表”可以是标记的名称(文本代表中不要含有非ASCII字符,目前IE5.5不支持这样的样式表), “样式规则”是若干个用分号分隔的“ 属性名:属性值” 例如:name { display:block;font-size:36pt;font-weight:bold; } 样式表用来显示标记“name”的文本内容， 告知浏览器将标记name…/name所标记的内容显示在一个”块区域”; 能使得文本字体的大小是36滂 作用是让文本加重显示 对xml应用某个css规范时,xml文件必须引用该css规范,也就是在xml中定义相应的操作指令,URL(Uniform Resource Identifer,统一资源标识符)是一个文件的绝对路径或者是一个Internet主机的域名. 4.1 使用CSS 为了让XML使用CSS,XML文件必须使用操作指令 ?xml-stylesheet href=“样式表的URI” type=“text/css” ? URI如果是一个文件名,该文件必须和XML文件是在同一目录中,例如: ?xml-stylesheet href=“show.css” type=“text/css” ? 如果是链接,该链接必须是有效的可访问的. 4.2 标记与样式表 对于XML文件,样式表中的”文本代表”可以是: (1)标记名称. (2)”标记名称”+”#”+”ID属性值”(有许多标记具有相同的名字) (3)多个标记用逗号分隔的字符串(当多个标记采用完全一样方式显示时) 显示顺序 当用浏览器打开XML文件,所有的子标记将根据样式表给出的显示规则,按照标记在XML文件中出现的”顺序”显示自己标记中的内容 name,sex,birthday { display:block;font-size:36pt;font-weight:bold } 对该xml文件应用css规范后显示的效果 例如 ?xml version=1.0 encoding=UTF-8? ?xml-stylesheet href=showStudeen.css type=text/css? root studeen 张三 sex男/sex birthday1970.12.28/birthday /studeen studeen 李四 sex女/sex birthday1977.11.25/birthday /studeen /root showS