实验4使用CSS对XML文档进行格式化显示

1、实验4 使用CSS对XML文档进行格式化显示【实验目的】 掌握CSS的对XML文档进行格式化显示的方法【实验知识】1. CSS语法 文本代表样式规则（属性名：属性值）2. CSS常用属性l font-style 语法：font-style : normal | italic | oblique 取值：normal :默认值。正常的字体italic :斜体。对于没有斜体变量的特殊字体，将应用 oblique oblique :倾斜的字体l color 语法：color : color 取值：color :指定颜色。 颜色取值：见图2-1、图2-2与图2-3图2-1 W3C 十六色色盘图2-2 W

2、IN-用户系统色盘图2-3 IE4+预命名颜色l font-family 语法：font-family : name 取值：name:字体名称。按优先顺序排列。以逗号隔开。如果字体名称包含空格，则应使用引号括起l font-size 语法：font-size : xx-small | x-small | small | medium | large | x-large | xx-large | larger | smaller | length 取值：xx-small :绝对字体尺寸。根据对象字体进行调整。最小x-small :绝对字体尺寸。根据对象字体进行调整。较小medium :默认值。绝

3、对字体尺寸。根据对象字体进行调整。正常large :绝对字体尺寸。根据对象字体进行调整。大x-large :绝对字体尺寸。根据对象字体进行调整。较大xx-large :绝对字体尺寸。根据对象字体进行调整。最大larger :相对字体尺寸。相对于父对像中字体尺寸进行相对增大。使用成比例的 em 单位计算smaller :相对字体尺寸。相对于父对像中字体尺寸进行相对减小。使用成比例的 em 单位计算length :百分数 | 由浮点数字和单位标识符组成的长度值，不可为负值。其百分比取值是基于父对象中字体的尺寸。 l font-weight 语法：font-weight : normal | bol

4、d | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 取值：normal :默认值。正常的字体。相当于 400 。声明此值将取消之前任何设置bold :粗体。相当于 700 。也相当于 b 对象的作用bolder :比 normal >粗lighter :比 normal >细100 :字体至少像 200 那样细200 :字体至少像 100 那样粗，像 300 那样细300 :字体至少像 200 那样粗，像 400 那样细400 :相当于 normal 500 :字体至少像 400 那样

5、粗，像 600 那样细600 :字体至少像 500 那样粗，像 700 那样细700 :相当于 bold 800 :字体至少像 700 那样粗，像 900 那样细900 :字体至少像 800 那样粗l font-variant语法：font-variant : normal | small-caps 取值：normal :默认值。正常的字体small-caps :小型的大写字母字体l text-decoration 语法：text-decoration : none | underline | blink | overline | line-through 取值：none :默认值。无装饰bl

6、ink :闪烁underline :下划线line-through :贯穿线overline :上划线l text-align 语法：text-align : left | right | center | justify 取值：left :默认值。左对齐right :右对齐center :居中对齐justify :两端对齐l background-color 语法：background-color : transparent | color 取值：transparent :默认值。背景色透明color :指定颜色。l background-image 语法：background-image

7、: none | url ( url ) 取值：none :默认值。无背景图url ( url ) :使用绝对或相对 url 地址指定背景图像l background-repeat 语法：background-repeat : repeat | no-repeat | repeat-x | repeat-y 取值：repeat :默认值。背景图像在纵向和横向上平铺no-repeat :背景图像不平铺repeat-x :背景图像仅在横向上平铺repeat-y :背景图像仅在纵向上平铺 l position 语法：position : static | absolute | fixed | rel

8、ative 取值：static :默认值。无特殊定位，对象遵循HTML定位规则absolute :将对象从文档流中拖出，使用 left ， right ， top ， bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象，则依据 body 对象。而其层叠通过 z-index 属性定义fixed :未支持。对象定位遵从绝对(absolute)方式。但是要遵守一些规范relative :对象不可层叠，但将依据 left ， right ， top ， bottom 等属性在正常文档流中偏移位置l z-index 语法：z-index : auto | n

9、umber 取值：auto :默认值。遵从其父对象的定位number :无单位的整数值。可为负数l display 语法：display : block | line | none | list-item 取值：block :CSS1 块对象的默认值。将对象强制作为块对象呈递，为对象之后添加新行none :CSS1 隐藏对象。与 visibility 属性的hidden值不同，其不为被隐藏的对象保留其物理空间line :CSS1 文本按行在浏览器中显示。list-item :CSS2 将块对象指定为列表项目。并可以添加可选项目标志【实验内容】1. 利用CSS属性和相关使用规则，根据以下XML文

10、件编写一个CSS文件链接其中，通过浏览器打开的显示效果如图所示。XML文档内容如下所示：<?xml version="1.0" encoding="GB2312"?><booklist xmlns:html="/Profiles/XHTML-transitional"><book id="book1"><picture ></picture><book_info>【书名】<title > Java W

11、eb开发详解 </title> 【书号】<isbn> 7-121-02396-2</isbn></book_info><author>【作者】 孙鑫</author><publisher>【出版社】 电子工业出版社</publisher><publish_info><publishdate>【出版时间】 2006年4月</publishdate><edition>【版次】 第一版</edition></publish_info>

12、<price> 【定价】￥99.00</price><brief>【简介】 本书共分4部分，从XML、Servlet、JSP和应用的角度向读者展示了Java Web开发中各种技术的应用，循序渐进地引导读者快速掌握Java Web开发。配套光盘：包括java教学视频本书示例程序；</brief></book><book id="book2"><picture ></picture><book_info>【书名】<title >XML基础教程</titl

13、e>【书号】<isbn>7-302-12591-0</isbn></book_info><author>【作者】 耿祥义</author><publisher>【出版社】 清华大学出版社</publisher><publish_info><publishdate>【出版时间】 2006年4月</publishdate><edition>【版次】 第一版</edition></publish_info><price>【定价】￥21.00</price><brief>【简介】 本书适合作为高等院校相关专业的教材以及初学者学习XML的入门参考书。</brief><anythings/>