XML基础教程2版第8章的代码.doc

第8章 XML与CSS8.2 XML关联CSS例子1oneCSS.cssname display:block;font-size:18pt;font-weight:boldsex display:line;font-size:12pt;font-style:italicbirthday display:line;font-size:10pt;font-weight:bold example8_1.xml 李小林 男 1998年12月22日 金锦巾 女 1999年08月10日 8.2 标记与样式表例子2twoCSS.cssname display:block;font-size:18pt;font-weight:boldprice display:line;font-size:16pt;font-style:italicmadeTime display:line;font-size:9pt;font-weight:bold example8_2.xml 商品列表： 诺基亚手机 1907元/部 2011.09.28 苹果IPad 5668元/台 2011.10.10 8.3 数据结构与显示相分离例子3threeCSS.cssshop#a001 display:block;font-size:18pt;font-weight:bold; color:red;shop display:block;font-size:18pt;font-weight:bold; startTime display:line;font-size:15pt;font-weight:bold;color:rgb(100,129,70);endTime display:line;font-size:15pt;font-weight:bold;color:rgb(0,129,170); example8_3.xml 体育商城 开门时间：08:30 关门时间：18:30 美音琴行 开门时间：07:30 关门时间：22:30 例子4fourCSS.cssname display:block; background-color:cyan;classRoom display:bolck; background-color:rgb(200,210,220);name#special display:block; position:absolute; width=150; height=60; left=180; top=95; background-color:pink example8_4.xml 第一教学楼(靠左对齐)。 我是第一教学楼的1101教室。 我是第一教学楼的1201教室。 第二教学楼(靠左对齐)。 我是第二教学楼的2101教室。 我是第二教学楼的2201教室。 综合办公楼,设置了准确位置。 例子5fiveCSS.cssstudent display:block; font-size:18pt; background-color:cyan;sex display:line; font-size:12pt; color:red;name display:line; font-size:16pt; color:green;birth display:line; font-size:10pt; example8_5.xml 张三 男 1996-12-12 赵花 女 1998-11-11 例子6sixCSS.cssbook display:block; background-color:rgb(229,227,226);chapter display:list-item; list-style-type:decimal; margin-left:25; font-size:12pt;color:blue;section display:list-item; list-style-type:upper-roman; margin-left:35; font-size:10pt;color:black; example8_6.xml XML简介 XML与HTML的区别 XML解析器 规范的XML文件 XML声明 XML中的标记 8.4 字体例子7sevenCSS.cssgoods display:block; font-family:楷体_GB2312; font-style:italic; font-weight:600; background-color:rgb(229,227,226);name display:list-item; list-style-type:decimal; margin-left:25; font-size:12pt;color:blue; font-family:黑体; font-weight:300;price,madeTime display:list-item; list-style-type:disc; margin-left:35; font-size:10pt; font-family:宋体; font-weight:300; font-style:normal example8_7.xml 商品列表 洗衣机 1278元/台 生产日期：2009年10月 冰箱 6572元/台 生产日期：2009年12月 8.5 文本样式例子8eightCSS.cssmath display:block; font-size:12pt; font-style:italic; background-color:rgb(227,228,229);chemistry display:block; font-size:12pt; text-decoration:underline; background-color:cyan;sup display:line; font-size:8pt; font-style:italic; vertical-align:super;low display:line; font-size:8pt; vertical-align:bottom;example8_8.xml 平方和公式:(A+B)2=A2+2AB+B2 水的分子式: H2O 二氧化碳的分子式:CO2 8.6 边框例子9nineCSS.cssBeijing display:block; border-style:double; width=260; height=120 Haidian display:block; border-style:dotted; width=150; height=60 ; font-size:10pt;Xuanwu display:block; border-style:ridge; width=90; height=30; font-size:10pt;example8_9.xml 北京市 海淀区 宣武区 8.7 边缘例子10tenCSS.cssgrade1 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;example8_10.xml 高级灌水师 姓名：小黑 发证单位：清华大学黑魔方 初级灌水师 姓名：Nancy 发证单位：清华大学黑魔方 8.9 显示图象例子11elevenCSS.csstom 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-repeatimage display:block; position:absolute; top=10; left=180; width=150px; height=200px; background-image:URL(flower.gif); background-repeat:repeatexample8_11.xml 俺是著名的TOM老猫，很多人使用俺的形象。 8.10设置鼠标的形状例子12twelveCSS.cssmouse#A1 display:block; cursor:hand; font-size:16pt; color:red; width=130; height=100; border-style:double;mouse#A2 display:block; cursor:move; font-size:16pt; color:blue; width=130; height=100; border-style:double;example8_12.xml 鼠标在我上面是手的形状 鼠标在我上面是运动的形状 8.11 处理层叠例子13thirteenCSS.csshouse display:block; position:absolute; top=6; left=10; width=150px; height=120px; background-image:URL(h