| | | 使用CSS修饰XML文件 | | 2001-04-23·
·胡朝晖··yesky
| 1 2 下一页 通俗一点来说,XSL是XML的原配夫人,而CSS只能算是小妾的角色。但是CSS依然有它的用武之地,下面是通过一个具体的例子来说明CSS在XML中的应用。
做菜先要有原料,这原料就是XML代码,比如我们用XML代码写一封求爱信,把它保存为hzhLove.xml。
<?xml version="1.0" encoding="GB2312"?> <?xml-stylesheet type="text/css" href="hzhLove.css" ?> <!--DOCTYPE loveletter SYSTEM "hzhLove.dtd" --> <loveletter> <receiver>仪琳姑娘</receiver> <senddate>2000年1月1日</senddate> <sendreason>再一次阅读了金先生的笑傲江湖</sendreason> <topic>我和仪琳有个约会</topic> <content> <para> <mark>1</mark> <title>引言</title> <soul>表示对仪琳产生相思的原因</soul> <keyword>眼睛、鼻子、头发、三围、气质</keyword> </para> <para> <mark>2</mark> <title>论述</title> <soul>列举所有酸不垃圾的话直到自己的胃不能承受</soul> <keyword>朝思暮想、朝三暮四、聊胜于无、生生世世、执子之手</keyword> </para> <para> <mark>3</mark> <title>结论 <soul>没有你我的世界会有所不同,实际上原因是要花费时间去追别的女孩</soul> <keyword>女朋友、老婆、情人、一辈子</keyword> </para> </content> <reference> <article>追女孩十大秘技</article> <article>网上求友大法</article> <article>三心二意追女法</article> </reference> </loveletter>
注意第二行代码<?xml-stylesheet type="text/css" href="hzhLove.css"?>,它表示引用的CSS的名称hzhLove.css,hzhLove.css的作用就是对各个标记的显示方式进行定义:
比如 receiver
{ margin-bottom: 10pt; margin-left: 20; font-family : "宋体"; font-size : 22pt; display: block; }
就表示对标记receiver的显示方式的设定。实际上,CSS在HTML网页设计中的地位是很重要的,它为HTML网页提供了一种聪明的、先进的格式化方法。你可以定义诸如位置、颜色、背景、边空、字体、排版格式等等。
1 2 下一页 | | | 感谢
访问天极网,如果您觉得该文章涉及版权问题,请看这里!
|
|