第四章_XML与CSS.pptVIP

第四章 XML与CSS 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 样式表 样式表是一组规则,通过这组规则告诉浏览器用什么样式来显示文本.比如用什么样的字体、颜色、页边距……来显示文本。 4.1 使用CSS 为了让XML使用CSS,XML文件必须使用操作指令 4.2 标记与样式表 对于XML文件,样式表中的”文本代表”可以是: (1)标记名称. (2)”标记名称”+”#”+”ID属性值”(有许多标记具有相同的名字) (3)多个标记用逗号分隔的字符串(当多个标记采用完全一样方式显示时) 显示顺序 当用浏览器打开XML文件,所有的子标记将根据样式表给出的显示规则,按照标记在XML文件中出现的”顺序”显示自己标记中的内容 例如 ?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 例子 cha4-1.xml ?xml version=1.0 encoding=UTF-8 ? ?xml-stylesheet href=”show1.css type=text/css ? root time ID=beijing 北京时间： hour l2点/hour minute 56 分/minute /time time 格林威治时间： hour 4点/hour minute 56 分 /minute /time /root 4.3 设置文本的显示方式 1.块方式 通过将属性display的值指定为block display:block; 使得文本在浏览器的一个块区域中显示 例如 time { display:book; } 4.3 设置文本的显示方式 如果想设置文本块在浏览器中显示的大小,通过设置position,left,top,width和height属性的值来准确地设置块区域的位置和大小 name { display:block; position:absolute; left:100; top:120; width:200; height:120; } Cha4_2.xml ?xml version=1.0 encoding=UTF-8 ? ?xml-stylesheet href=show2.css type=text/css ? root name ID=01 王