Xml与css的设计
（1）编写Xml文档格式如下：根节点：PersonInfo、此节点包含三个子节点Name、Sex、Hometown。（此三个节点填入个人信息）（2）对此XML文档使用cs...
（1） 编写Xml文档格式如下：
根节点：PersonInfo、此节点包含三个子节点
Name、Sex、Hometown。（此三个节点填入个人信息）
（2） 对此XML文档使用css样式，使用css属性选择器，根节点字体大小30px、红色。
（3） 子节点字体18Px，颜色分别为：蓝色、绿色、紫色。 展开
根节点：PersonInfo、此节点包含三个子节点
Name、Sex、Hometown。（此三个节点填入个人信息）
（2） 对此XML文档使用css样式，使用css属性选择器，根节点字体大小30px、红色。
（3） 子节点字体18Px，颜色分别为：蓝色、绿色、紫色。 展开
3个回答
展开全部
XSL是一种用来转换XML文档的样式表，它包括结构转换(XSLT)和格式化输出(XSL-FO)两部分。在结构转换的过程中，XSL通过XPath来查找和定位XML文档中的信息。XPath是一种专门用来在XML文档中查找信息的语言，用来描述如何识别、选择、匹配XML文档中的各个元素。XML通过XSLT和XPath，可以把XML转换成任何一种文档，当然也包括HTML文档。
4. XSL的基本结构
我们先来看一下例子来了解XSL的基本结构：
book.xml
<?xml version="1.0" encoding="gb2312"?>
<?xml-stylesheet type="text/xsl" href="book.xsl"?>
<books>
<book>
<name>The C++ Standard Library</name>
<author>Nicolai M.Josuttis</author>
</book>
<book>
<name>The Mythical Man-Month</name>
<author>Frederick P Brooks Jr.</author>
</book>
<book>
<name>C# Design Pattern</name>
<author>James W. Cooper</author>
</book>
</books>
book.xsl
<?xml version="1.0" encoding="gb2312"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
<xsl:template match="/">
<html>
<head><title>Book Store</title></head>
<body>
<h2 align="center">Book Store</h2>
<xsl:apply-templates select="books"/>
</body>
</html>
</xsl:template>
<xsl:template match="books">
<table border="1" cellpadding="0" align="center">
<tr><th>Name</th><th>Author</th></tr>
<xsl:for-each select="book">
<tr>
<td><xsl:value-of select="name"/></td>
<td><xsl:value-of select="author"/></td>
</tr>
</xsl:for-each>
</table>
</xsl:template>
</xsl:stylesheet>
分析上面的例子，可以看出XSL文件由以下几部分组成：
· XSL文档也是XML文档，所以第一行要有XML声明：
<?xml version="1.0" encoding="gb2312"?>
· 接下来是XSL声明：
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
<!--模板规则-->
<!--输出模板-->
</xsl:stylesheet>
在XSL声明中包含模板，模板中定义XML的输出格式。
需要注意的几个地方：
· XSL本身是XML文档，注意标签的匹配。
· <xsl:stylesheet>既是XSL的声明，也是根元素，要放在文件的首部。
· 要用xmlns指明XSL的命名空间：
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
· 样式表中的所有模板都由<xsl:template>声明，模板可以说明处理的对象，处理方式或是转换的结果。
4. XSL的基本结构
我们先来看一下例子来了解XSL的基本结构：
book.xml
<?xml version="1.0" encoding="gb2312"?>
<?xml-stylesheet type="text/xsl" href="book.xsl"?>
<books>
<book>
<name>The C++ Standard Library</name>
<author>Nicolai M.Josuttis</author>
</book>
<book>
<name>The Mythical Man-Month</name>
<author>Frederick P Brooks Jr.</author>
</book>
<book>
<name>C# Design Pattern</name>
<author>James W. Cooper</author>
</book>
</books>
book.xsl
<?xml version="1.0" encoding="gb2312"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
<xsl:template match="/">
<html>
<head><title>Book Store</title></head>
<body>
<h2 align="center">Book Store</h2>
<xsl:apply-templates select="books"/>
</body>
</html>
</xsl:template>
<xsl:template match="books">
<table border="1" cellpadding="0" align="center">
<tr><th>Name</th><th>Author</th></tr>
<xsl:for-each select="book">
<tr>
<td><xsl:value-of select="name"/></td>
<td><xsl:value-of select="author"/></td>
</tr>
</xsl:for-each>
</table>
</xsl:template>
</xsl:stylesheet>
分析上面的例子，可以看出XSL文件由以下几部分组成：
· XSL文档也是XML文档，所以第一行要有XML声明：
<?xml version="1.0" encoding="gb2312"?>
· 接下来是XSL声明：
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
<!--模板规则-->
<!--输出模板-->
</xsl:stylesheet>
在XSL声明中包含模板，模板中定义XML的输出格式。
需要注意的几个地方：
· XSL本身是XML文档，注意标签的匹配。
· <xsl:stylesheet>既是XSL的声明，也是根元素，要放在文件的首部。
· 要用xmlns指明XSL的命名空间：
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
· 样式表中的所有模板都由<xsl:template>声明，模板可以说明处理的对象，处理方式或是转换的结果。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你好，根据你的要求写好了，看看是不是你要的。测试用IE，我用Chrome测试字体大小和颜色没变。
XML文档：
<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/css" href="style.css"?>
<PersonInfo>信息
<name>您的姓名</name>
<sex>年龄不要忘记了</sex>
<hometown>URL</hometown>
</PersonInfo>
CSS样式表：
personInfo{font-size:30px;color:#F00;}
name{font-size:18px; color:#00F;}
sex{font-size:18px; color:#0C0;}
hometown{font-size:18px; color:#90C;}
希望我的回答对你有帮助。
XML文档：
<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/css" href="style.css"?>
<PersonInfo>信息
<name>您的姓名</name>
<sex>年龄不要忘记了</sex>
<hometown>URL</hometown>
</PersonInfo>
CSS样式表：
personInfo{font-size:30px;color:#F00;}
name{font-size:18px; color:#00F;}
sex{font-size:18px; color:#0C0;}
hometown{font-size:18px; color:#90C;}
希望我的回答对你有帮助。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给每一个节点一个id或者class，或者直接选中标签也行。然后对其添加样式。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
