第5章_使用CSS格式化XML.pptxVIP

第5章 使用CSS格式化XML 了解CSS的作用掌握CSS语法掌握常见的CSS属性的设置掌握在XML中使用CSS掌握用XMLSpy2005编辑CSS文档的方法5 使用CSS格式化XML 我们可以把所要使用的数据或信息写成一个XML文档。接下来的工作就是如何通过适当的形式把文档内容表现出来，CSS就是其中一个方法。由于CSS的表现功能丰富，而且灵活多变，因此在网页设计中倍受关注，当然用CSS来表现XML文档内容同样具备功能齐全，简单使用的特点。 5.1 CSS简介CSS（Cascading Style Sheet)级联样式表，也称为层叠样式表，是用来进行网页风格设计的。在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。 5.1 CSS简介CSS有以下特点：（1）在几乎所有的浏览器上都可以使用。（2）以前一些非得通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。（3）使页面的字体变得更漂亮，更容易编排。（4）你可以轻松地控制页面的布局 。（5）你可以将许多网页的风格格式同时更新，不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。 5.2 CSS的基本语法 样式表的建立要符合CSS规则，它们一般被定义成以下形式的句法： 标志{标志属性1:属性值1；标志属性2:属性值2；标志属性3:属性值3；标志属性4:属性值4；...} 其中标志不带尖括号，如P、Div、Table等而不是P、Div以及Table。5.2 CSS的基本语法标志属性：属性值，这是一一对应的，每个属性与属性值对之间用分号隔开。 在CSS中，凡属性名为两个或两个以上的单词构成时，单词之间以-隔开，比如，背景颜色属性background-color, 而在脚本中，对象属性则连写成backgroundColor，第二个单词首字母大写，如有三个单词则第三个单词首字母也要大写。 5.2 CSS的基本语法例如: P{background-color:red; font-size:12pt; color:black}在CSS中，有些属性可以表示多个属性的值 P{font:16pt 宋体 italic}5.3 CSS的使用在XML文档中，CSS文件的使用分为内部CSS的使用，外部CSS的使用以及内外CSS的使用 5.3 CSS的使用5.3.1 内部CSS的使用 内部CSS是指将CSS样式直接嵌入到XML文档内部，为元素设置style属性，并在属性值中给出对其样式的定义,这并非标准的用法. 语法如下： HTML:STYLE xmlns:HTML=名称空间名? ... ... /HTML:STYLE 或为根元素 xmlns:HTML=名称空间 HTML:STYLE …… /HTML:STYLE 元素 …… /元素/根元素 上述块声明了名称空间HTML,然后CSS语法定义在HTML:STYLE标记间,属于HTML名称空间上的标记.实例见: code5_1.xml5.3 CSS的使用5.3.2 外部CSS的使用 外部CSS指的是在XML文档中通过引用外部CSS文档来定义文档的表现形式,大部分XML文档都采用这种方式. 具体实现的方法是，在XML文档的开头部分写一个关于样式单的声明语句，如下：?xml-stylesheet type=text/css href=mycss.css ? 这样,该文档在浏览器上的表现方式由样式文件mycss.css所决定. 实例见: code5_2.xml5.3 CSS的使用5.3.3内外结合CSS的使用同DTD一样，使用CSS时也可以把内部CSS和外部CSS结合起来使用。因此这就产生了一个问题在对同一个XML元素设置样式时，如果内部CSS和外部CSS同时对XML文档中的元素进行设置，这时就需要考虑样式表之间的优先等级。当不同位置的样式表对同一个XML元素设置样式时,内部CSS样式表的等级高于外部CSS样式的等级. 实例见: code5_3.xml 5.4常用的CSS属性设置 字体属性 颜色与背景属性文本属性方框边界属性5.4.1 字体属性(1）font-family：字体族，它是使用逗号分隔开的一组字体名。如：Name{font-family:宋体} 也可以按照顺序输入几个可选项，并用逗号分开，如： Name{font-family:华文彩云，宋体} 表示字体华文彩云不存在，浏览器将使用宋体字体。注意：如果字体包含空格，应该使用引号，如： Name{font-family:”T