XML基础教程第4章.pptVIP

* 例子7 Cha3_7.xml ?xml version=1.0 encoding=UTF-8 ? ?xml-stylesheet href=show6.css type=text/css ? root 　grade1 高级灌水师 name 姓名：小黑 /name authorized 发证单位：清华大学黑魔方 /authorized /grade1 grade2 初级灌水师 name 姓名：Nancy /name authorized 发证单位：清华大学黑魔方 /authorized /grade2 /root * Show7.css grade1 { display:block; border-style:ridge; border-top-width:15; margin-top:2; margin-left:2; margin-right:2; text-align:center; font-size:18pt; color:red; width=230; height=100; } name,authorized { display:list-item; margin-left:22 ; text-align:left; font-size:12pt; color:green; } grade2 { display:block; border-style:dotted; border-top-width:10; margin-top:12; margin-left:2 ; margin-right:2; text-align:center; font-size:18pt; color:blue; width=230; height=100; } * 8.10 颜色和背景 如果需要设置文本的字符颜色和背景颜色，就可以使用属性：color和background-color。 1.通过设置color属性的值可以指定文本的字符颜色，例如： color:rgb(120,225,220); color:red; 2.通过设置background-color属性的值可以指定文本的背景颜色，例如： background-color:rgb(10,225,220); background-color:yellow; * 8.11 显示图像 1.可以通过设置background-image属性的值为文本指定一幅背景图像。background-image属性的取值形式为：URL(文件名字); 例如：background-image:URL(a.jpg); 2.可以通过background-repeat属性设置图像是否通过重复出现来平铺背景。background-repeat取值如下：repeat,repeat-x,repeat-y,no-repeat。 其中repeat-x和repeat-y表示仅仅沿X轴或Y轴方向重复图像。repeat是默认值，表示沿X轴和Y轴重复图像。no-repeat指关闭了平铺。 * 单独显示图像 可以单独地显示一幅图像，并指定图像和周围文本的关系。 为了单独显示一幅图像，只要形式上为一个空标记指定一幅背景图像即可。 由于空标记没有文本内容，其背景的大小为0*0，所以必须用block做为空标记的显示方式，并使用width和height属性指定块区域的大小。 * 例子8 Cha4_8.xml ?xml version=1.0 encoding=UTF-8 ? ?xml-stylesheet href=show8.css type=text/css ? root 　tom 俺是著名的TOM老猫，很多人使用俺的形象。 /tom image / /root * Show8.css tom { display:block; position:absolute; top=50; left=10; width=150px; height=120px; text-align:center; font-size:18pt; color:blue; font-weight:bold; background-image:URL(tom.jpg); background-repeat:no-repeat; } image { display:bloc