第五章 使用CSS格式化XMLppt课件.ppt

《第五章 使用CSS格式化XMLppt课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第五章使用CSS格式化XML5.1链接CSS和XML文档5.2CSS基础语法5.3CSS中的属性设置5.1链接CSS和XML文档示例:helloworld.xmlhelloworld.css示例:ch5-2.xmlch5-1.cssch5-3.css(数据的存储与数据的显示分隔开)CSS(层叠样式表)使用简单的规则(rule)来控制HTML元素在浏览器中的显示方式，自从XML诞生以来，CSS与XML结合得更为紧密。使用CSS格式化XML需要按照以下的步骤进行：1.创建XML源文件2.创建格式化XML源文件的样式表文件3.在浏览器中查看

2、应用1.创建XML文档示例：lianxirenlist.xml2.创建CSS样式文件示例：lianxirenlist.css/*filelianxiren.css*/contact{display:block;margin-top:10px;}Name{display:block;font-size:16pt;font-weight:bold}ID{font-size:24pt;font-style:italic;color:red;}EMAIL{font-size:30pt;color:blue;text-decoration:underli

3、ne;}Addr{background-color:#666666;color:#ffffff}CSS源代码中的注释语句每一个contact元素为一个显示块，该显示块与其上方内容的间距为10pxName元素在块中单独显示一行，字体大小16磅，字体加粗显示将相应的样式表文件与XML源文件关联起来。处理指令，指出在解析器解析XML文档

4、时应用了样式表，可以写成type用于指定样式表文件的格式，text/css表明使用的是CSS样式表，text/xsl则表明使用的是XSL样式表。指定样式表的地址返回导航5.2CSS基础语法5.2.1CSS语法概述1.CSS语句的基本格式：选择符{属性1：属性值1；[属性2：属性值2；…]}指出该规则所适用的XML源文档的元素指出元素的具体显示样式Name{display:block;font-size:16pt;font-weight:bold}本规则将Name元素的显示

5、格式设置为：按区块显示、字体大小16磅，字体加粗显示。以下为多行的形式：Name{display:block;font-size:16pt;font-weight:bold}2.CSS中的注释以/*开头，以*/结束注意：1.注释语句功能1：起到解释语句含义的作用2.注释语句功能2：暂时启动或关闭某个规则或部分规则，实际中常用来调试显示效果。比如如下：3.关于CSS中的大小写XML严格区分大小写，IE浏览器不对样式表中的字母区分大小写，因此在XML文档中可以使用相同名称但大小写不同的多个元素名，但在CSS中，将会被当作相同的元素。所以，使用CS

6、S显示XML文档，要让文档中各种元素的名称完全不同。4.CSS属性的继承性继承性示例：为某个元素所设置的显示属性会被该元素所包含的所有子元素继承，除非这些子元素各自拥有不同的格式属性。利用该特性，可以先为顶层元素设置显示格式，然后再继续设置其中所包含的子元素的格式，只需要对子元素的特定格式进行调整即可。5.在CSS中使用中文在CSS中为XML文档的各种元素设置显示格式时，设置语句中的XML元素名称不能使用中文，而只能使用由英文字母、数字、下划线等组成的元素名称。5.2.2使用CSS选择元素1.同时选择多个元素CSS样式表中允许将一个规则同时

7、应用于多个元素，在选择符中的多个元素使用逗号分隔。示例：ch5-4.xmlch5-4.css2.伪元素通常伪元素是元素内容的第一个字符或是第一行，对伪元素可以使用不同的格式。（1）特殊化首字符(first-letter)（2）特殊化首行(first-line)示例：ch5-4.xmlch5-4.css3.伪类CSS样式中，可以通过使用伪类来为相同元素的不同内容指定不同的显示样式。示例：ch5-4.xmlch5-4.css4.ID属性与CLASS一样用于选择同一元素的不同对象。示例：ch5-4-id.xmlch5-4-id.css5

8、.STYLE属性在XML文档中直接使用样式，则需要用到STYLE属性。示例：ch5-5.xmlch5-5.css注意：1.STYLE显示样式与C