设为首页
加入收藏
站内地图
旧版入口
当前位置：首页 > 站长学院 > 网络编程 > XML

XML教程(3)--CSS在xml中的应用

作者：佚名 出处：网络转载 时间：07-26 点击：

内容载入中...

　　已经进行了2讲了...想必一定有很多人等着看我的好戏,呵呵,关于XML的基础知识,我们已经大致了解了,在进行更高级的课程之前,请允许我稍微改变一下课程安排,以便能够让你们"看"下去(国内太多枯燥的课程了,很多次我看的头昏眼花想呕吐,不过,他们的语言很精练,很学究^_^,不像我,罗里罗唆)...所以我临时决定插一道菜进来,那就是---魔法的揭示---CSS在XML中的应用...不是盖的哟,你的XML数据内容可以直接看了(不是目录树,是真的显示出来哟).

　　事先声明,正规的用来显示XML数据的方法是使用XSL等技术(下一讲---皇家的术士--XSL在XML中的应用),这里介绍只是一种通过现有的技术显示XML数据的方法(你不得不承认CSS是广泛存在于国内的^^).

下面是一段常见的XML代码:
e.g:

＜?xml version="1.0" encoding="GB2312"?＞
＜mywrong＞
＜reason＞有人说我的文章废话连篇＜/reason＞
＜question＞我真的是废话连篇,罗里罗唆么?＜/question＞
＜think＞我是不是应该考虑以严谨的,充满学究味道的写作风格继续进行创作? ＜/think＞
＜request＞如果你对我的教程有意见,请一定写信给我Jsper@371.net＜/request＞
＜/mywrong＞

　　接下来是一段常见的CSS代码(进行html网页制作的怎么可能不知道?我在此不再阐述)
e.g:

mywrong
{
background-color: #ffffff;
width: 100%;
}

reason
{
font-family : "宋体";
font-size : 22pt;
display: block;
margin-bottom: 10pt;
margin-left: 20;
}

question
{
font-family : "宋体";
font-size : 9pt;
color: red;
}

think
{
font-family : "宋体";
font-size : 9pt;
Display: block;
margin-bottom: 10pt;
color: green;
}

request
{
font-family : "宋体";
font-size :9pt;
Display: block;
color: yellow;
margin-left: 20pt;
}

　　在接下来是混合CSS到XML中的代码,仅仅添加一行用以引用CSS文件的代码
e.g:
＜?xml version="1.0" encoding="GB2312"?＞
★★★ ＜?xml-stylesheet type="text/css" href="mywrong.txt"?＞
＜mywrong＞
＜reason＞有人说我的文章废话连篇＜/reason＞
＜question＞我真的是废话连篇,罗里罗唆么?＜/question＞
＜think＞我是不是应该考虑以严谨的,充满学究味道的写作风格继续进行创作?＜/think＞
＜request＞如果你对我的教程有意见,请一定写信给我Jsper@371.net＜/request＞
＜/mywrong＞

　　然后请分别将三段代码存为mybackup.xml,mywrong.txt,mywrong.xml之后在浏览器输入mywrong.xml地址,呵呵,效果出来了吧 !

本教程由作者jsper授权刊登使用
收藏本文：
【大 中 小】【打印页面】【推荐给朋友】【关闭窗口】

站长学院

推荐信息