1、Css语法及使用,格式化,Xml文档只包含了要显示的内容,并不包含如何显示数据信息,如何来显示数据(即对于xml文档的格式化)需要采用样式单机制完成. Css(层叠样式单)负责xml文档显示外观的文件,设定了xml文档在浏览器中的显示方案,如版式、字体、颜色等。,XML文档显示方法,XML文档本身解决数据定义(描述)的问题 如何恰当显示XML文档所描述的数据?级联式样式表CSS (Cascading Style Sheet) 可扩展样式表语言XSL (eXtensible Stylesheet Languge),采用与XML相分离的样式表,CSS简介,CSS级联式样式表单于1996年提出 其目
2、标是为HTML文档的显示需要 CSS通过对特定元素的表现方式的描述类确定文档的表现方式 最初提供的是CSS1,在此基础上提出了CSS2以及CSS3 CSS能与XML很好地结合,以提供与原文档相分离的样式描述,CSS语法说明,CSS是一种简单、易懂、易用的语言 CSS是一个独立的文件（.css) 许多常用字处理软件支持CSS功能注意:CSS并不符合XML语法,选择字体、字体粗细、字号、颜色,CSS语法规则,样式单实质就是一组规则 CSS有若干组规则，但结构类似 CSS语法格式为： Selector属性名称:值;属性名称:值;,CSS的作用,因为样式表与XML文档相分离,因此同一个XML文档,可以
3、引用不同的样式表。 不同的样式表用于不同目的： 打印、展示、Web应用或其他 改变样式表即可以多样化地显示同一个XML文档内容。,CSS样式表的使用,CSS与XML文档建立联系有两种方式： 把以下PI指令包括在XML文档中直接在XML元素中声明style元素来定义样式 这种引用会用到XML文档中未定义过的标签,需通过命名机制引入: ,CSS样式表内容(3-4.css),CDdisplay:block; titledisplay:block;color:#0066cc;font-family:宋体;font-sise:24pt;font-weight:bold;text-align:center
4、; 歌手display:block;font-family:黑体,Arial,Tahoma;color:coral;,font-sise:16pt;font-weight:bold;text-align:center; songdisplay:block;color:#00ffcc;text-indent:2em;font-family:宋体;font-sise:9pt;font-height:1.5em;margin-left:10%margin-right:15%;,示例XML文件 (3-3.xml),红蔷薇萧亚轩一个人的精彩蔷薇夜天堂腾格尔天堂蒙古人小河淌水,外部CSS样式表显示举例,不用样式表XML文档显示,内部CSS格式引用的XML文件(3-5.XML),font-family:宋体;红蔷薇萧亚轩一个人的精彩蔷薇夜天堂腾格尔天堂蒙古人小河淌水,使用内部CSS样式的XML文档显示举例,使用CSS样式表的说明,虽然外部与内部CSS样式均可使用,但强烈建议使用外部CSS样式表: 符合数据表示与数据显示相分离的要求 外部CSS文件能同时被多个XML使用 使用内部CSS会破坏XML文档的可读性,
