欢迎来到天天文库
浏览记录
ID:58682023
大小:579.50 KB
页数:71页
时间:2020-10-05
《第五章 使用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
此文档下载收益归作者所有