使用css来显示xml数据

css文件：yufa.css

@charset "utf-8";
/* CSS Document */
phone{
 font-family:Verdana, Geneva, sans-serif;
 font-size:24px;
 font-weight:bold;
 color:#000;
}
person{
 font-family:"Courier New", Courier, monospace;
 font-size:24px;
 color:#0C3;
}
name{
 font-family:Arial, Helvetica, sans-serif;
 font-size:20px;
 color:#F00;
}
gudingphone{
 font-size:20px;
 color:#0F0;
}
telephone{
 font-family:"Arial Black", Gadget, sans-serif;
 font-size:20px;
 color:#C0C;
}
xml文件：yufa.html

<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/css" href="yufa.css"?>
<!--一个基本的XML文档，包括XML声明、元素、属性、注释等。
声明：包括XML的版本和所使用的字符集等信息。
根元素：所有的XML文档必须有个根元素。（有且只有一个）
元素：包括一个起始标记、一个结束标记和标记之间的数据内容。<标记>数据内容</标记>
-->
<phone>person通讯录
    <person>编号001
    <name>刘丽</name>
    <gudingphone>11111</gudingphone>
    <telephone>111111</telephone>
 </person>
 <person>编号002
    <name>张慧</name>
    <gudingphone>4444444</gudingphone>
    <telephone>4444444</telephone>
 </person>
 <person>编号003
    <name>孙永</name>
    <gudingphone>000000</gudingphone>
    <telephone>000000</telephone>
 </person>
 <person>
    <name></name>
    <gudingphone></gudingphone>
    <telephone></telephone>
 </person>
</phone>