当前位置：早雪网 → 网络学院 → 编程文档 → XML技术 → 使用CSS修饰XML文件

使用CSS修饰XML文件

减小字体

增大字体作者：未知来源：从互联网收集并转载发布时间：2005-2-10 21:48:03

作者:胡朝晖　　

通俗一点来说，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 页

[数据载入中...] [返回上一页] [打印]

·使用Photoshop制作质感时尚字

·用photoshop“自定”滤镜修饰照片

·涂鸦泼溅相框笔刷使用教程及下载

·使用Photoshop打造照片焦点效果

·使用Photoshop巧妙校色翻拍菲林

·让你的文字随心所欲--文字路径的使用方法

·使用Photoshop表现斑驳的纹理效果

·梦幻婚纱照片的处理与修饰

·美容宝典之自由变换的另类使用

·教你用Photoshop修饰处理情侣照片