xml + css

前面没有怎么看过xml 和 css ，xml里面的标签全部可以被css去控制，这样就不用html了，也能现实页面了，下面是一个例子

<?xml version="1.0"?>
<?xml-stylesheet href="vendor.css" type="text/css"?>
<vendor>
<vendor_name>Crazy Marge's Bed Emporium</vendor_name>
<advertisement>
<ad_sentence>
We nvever have a sale because we have got the lowest prices in towns
come in
</ad_sentence>
<ad_sentence>
we have all kinds all sizes,don't you see what you want
don't warry ,we customeize orders
</ad_sentence>
</advertisement>
<product>
<product_name>Sleepeazy maattresses</product_name>
<item>
<price>300</price>
<product_desc>per set,any size</product_desc>
</item>
<giveaway>
<giveaway_item>
Free pollows
</giveaway_item>
<giveaway_desc>
with every set
</giveaway_desc>
</giveaway>
</product>

<product>
<product_name>Sleepeazy maattresses</product_name>
<item>
<price>300</price>
<product_desc>per set,any size</product_desc>
</item>
<giveaway>
<giveaway_item>
Free pollows
</giveaway_item>
<giveaway_desc>
with every set
</giveaway_desc>
</giveaway>
</product>

<product>
<product_name>Sleepeazy maattresses</product_name>
<item>
<price>300</price>
<product_desc>per set,any size</product_desc>
</item>
<giveaway>
<giveaway_item>
Free pollows
</giveaway_item>
<giveaway_desc>
with every set
</giveaway_desc>
</giveaway>
</product>

<weekly_special>
flajlfejlfjlf fjalejofelafejlafjfjoejfoejaofejfojo
</weekly_special>
</vendor>

css文件如下
*{
font-family:Arial,Helvetica,sans-serif;
}

vendor_name{
display:block;
font-weight:bold;
font-size:x-large;
}

advertisement{
display:block;
margin:20px 0px;
}

ad_sentence{
display:block;
margin:10px 0px;
}

product{
display:block;
margin:20px 0px;
}

product_name
{
display:inline;
font-weight:bold;
}

item{
display:block;
}

giveaway
{
display:block;
}

giveaway_item
{
font-style:italic;
}

weekly_special{
display:block;
margin:20px 0px;
position:absolute;
top:200px;
left:300px;
width:300px;
border-style:outset;
border-width:5px;
}