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

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

2、婉色盘windoMMfr-ame| Jlhreedlightahadow| threedhighlightmenu|windciw|ItihreedFace|highbghl.l:&jit|IbuHgnhlgNhghi:threedshadow threeddarkshadowbuttonshadow| infbbackgroLrid|IscrolllMr|jina 匚 ti 样匚 apbontmlEhighlight| bUUonFjbct匚二|护畑t亡k 学ouriftd图2-2 WIN-用户系统色盘500 |IE4+预命名颜色JalkfibluaI IbageI Bbkj

3、1;vlplfcLJchocolateII匚艸(I d#dkgrt««-hIdadkorchk)"(drrDgrayFudhsi-a|incbanred| lA«ndarbkish|lightcyan| lis-almon|IligHvtllow| maroon mtdlumxfeAgreen mkhightblueBnwyHoririgtrtd1I pakviolebredI"I甘Jroy-alblue| |seaihallI Ilealdblu: Fbneelnwrr&dn. zwerark二oklk: T 皿二： 咚 :一仁rzr

4、lxr:爲：j,驚一 紳bk叶CTJr站知轴竝觥尸紀的盼防时叹欣圈圖酬冲砂亦曲ptornufh 二吕 = 二二吕口吕吕吕f 口 owe- 卄 一,r伽AllJe、咖ten呵皿1 :囂二;: icrd:J 包 Hlfbrx血-叹.吟仍衣“欣处毗血心曲她*呻EuddsieflrTT创 = = = = 二= = = = = = = = = =lxi 囂3rz±T:爲 n;:z 旳昴：；co-gdeda-s 站 ghckhbgMkgb-ime仏 galhper«!sw 曲tuM 吕目口吕二吕吕吕s吕吕=Jaaura|. Dlue:rirnsondlarkwrwigitI darks

5、lateblueforest green|Igplderwod局问胡|hvender|IbghtcordIIfcqhtpirJi|jightste-elbluemtgenAiimediumpurplenivajowhite orange IIpjliturOJOist| pinkI血I Iviolet-5 图2-3 IE4+预命名颜色fon t-family 语法：font-family : 取值：n amename:字体名称。按优先顺序排列。以逗号隔开。如果字体名称包含空格，则应使用引号括起fon t-size语法：fon t-size : xx-small| x-small | small

6、 | medium | large | x- large | xx- large | larger | smaller | length取值:xx-small:绝对字体尺寸。根据对象字体进行调整。最小x-small:绝对字体尺寸。根据对象字体进行调整。较小medium:默认值。绝对字体尺寸。根据对象字体进行调整。正常large:绝对字体尺寸。根据对象字体进行调整。大x-large:绝对字体尺寸。根据对象字体进行调整。较大xx-large:绝对字体尺寸。根据对象字体进行调整。最大larger:相对字体尺寸。相对于父对像中字体尺寸进行相对增大。使用成比例的em单位计算smaller:相对字体尺寸。

7、相对于父对像中字体尺寸进行相对减小。使用成比例的em单位计算length:百分数|由浮点数字和单位标识符组成的长度值，不可为负值。其百分比取值是基于父对象中字体的尺寸。fon t-weight语法：fon t-weight : normal| bold | bolder | lighter |100 |200 |300 |400 |600|700 |800 |900取值：fon t-varia nt语法：fon t-varia nt : normal取值：normalsmall-capsnormal :默认值。正常的字体。相当于400。声明此值将取消之前任何设置bold:粗体。相当于700。也

8、相当于 b对象的作用bolder:比 normal 粗lighter:比 normal 纟细100 :字体至少像200那样细200字体至少像100那样粗，像300那样细300字体至少像200那样粗，像400那样细400:相当于 no rmal500:字体至少像400那样粗，像600那样细600 :字体至少像500那样粗，像700那样细700:相当于 bold800 :字体至少像700那样粗，像900那样细900:字体至少像800那样粗| small-caps默认值。正常的字体 小型的大写字母字体text-decorati on语法：text-decorati on : none|un derl

9、 ine| bli nk |overl ine|lin e-through取值：none:默认值。无装饰blink:闪烁underline:下划线line-through:贯穿线overline:上戈卩线text-alig n语法：text-align : left | right | center | justify取值：left默认值。左对齐rightcenter:右对齐居中对齐justify:两端对齐backgro un d-color语法：backgro un d-color : tran spare nt| color取值：transparent:color:默认值。背景色透明 指定

10、颜色。backgro un d-image语法：backgro un d-image : none | url (url )取值：none:url ( url ):默认值。无背景图使用绝对或相对url地址指定背景图像backgro un d-repeat语法：backgro un d-repeat : repeat| no-repeat | repeat-x | repeat-y取值：repeat:no-repeat repeat-x:repeat-y:默认值。背景图像在纵向和横向上平铺 背景图像不平铺背景图像仅在横向上平铺背景图像仅在纵向上平铺positi on语法：positi on :

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

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

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

14、 Web开发详解 </ title >【书号】<isbn > 7-121-02396-2</ isbn ></ book info ><author >【作者】孙鑫</ author ><publisher >【岀版社】电子工业岀版社</ publisher ><publish_ info></ publish_info><price >【定价】Y 99.00 </ price ><brief >【简介】本书共分4部分，从XML Servl

15、et、JSP和应用的角度向读者展示了 Java Wet开发中各种技术的应用，循序渐进地引导读者快速掌握Java Web开发。配套光盘:包括java教学视频本书示例程序；</ brief ></ book><book id ="book2"><picture ></ picture ><book_info >【书名】<titie>XML基础教程</title >【书号】<isbn >7-302-12591-0 </ isbn ></ book_info

16、 >vauthor >【作者】耿祥义</ author >publisher >【岀版社】清华大学岀版社</ publisher ><publish_ info>vpublishdate >【岀版时间】 2006 年 4月 </ publishdate >vedition >【版次】第一版 </ edition ></ publish_info>vprice >【定价】Y 21.00 </ price >vbrief >【简介】本书适合作为高等院校相关专业的教材以及初学者学习XM啲入门参考书。</ brief ><anythings /></ book></ booklist >在IE浏览器中的显示效果如图所示：、【书名】Java Web开发详解【书号】7-121-02396-2JavaVlfebL 作者】孙鑫【出版社】电子工业岀版社*»« r【出版时间】20064月【版次】第一版【定价】¥99.00【简介】車书英条部分,如3厶 血讥畑、需P和应用的角度向读者嶷示了JgQW島开发申各种拉术的应用.循序渐进地引导读者快速掌握JqwR©开发、配套光蠢包験邇学视频本社示例程序