使用CSS设置XML样式

 时间:2024-11-11 07:13:33

1、建立一个CSS样式文件,文件的名字为TabStyle.css,具体的样式如下:xmltable { display: block; background-color: #FFE4C4; margin: 5px;}title { display: block; line-height: 30px;}date { display: block; line-height: 30px;}

使用CSS设置XML样式

2、在XML的定义文件中,添加了一个href属性,用于引入所建立的CSS样式文件:<?xml-stylesheet type="text/css" href="TabStyle.css"?>

使用CSS设置XML样式

3、XML文档的内容中,XML标签的选择取自于所定义的CSS样式文件,如下文: <xmltable> <title>主题名称</title> <data>具体的内容是什么的</data> </xmltable>

使用CSS设置XML样式

4、保存后,XML文档显示更有规则了,在IE中显示的效果如下图所示:

使用CSS设置XML样式

5、 使用CSS来设置XML样式,选择符即为XML标签,比如上面所举例子中的xmltable、title等,在定义的“{ }”中是所要显示的属性和属性值;属性和属性值中间以“:”分开。具体的使用方法,与HTML中的使用是一样的,大伙可以上网络搜索。

使用CSS设置XML样式

6、使用CSS来设置XML样式,具体的方法还有一种,即是可直接在XML文档中嵌入CSS样式。这种方式笔者测试后,发现浏览器对此种方法支持不太友好。

使用CSS设置XML样式
  • python怎么打开ipynb文件
  • jsp获取当前时间
  • 怎么在VScode中设置显示方法建议
  • html如何对数据库进行行增删
  • MySQL怎么下载安装
  • 热门搜索
    神话故事手抄报 知法守法手抄报内容 交通安全漫画手抄报 英语万圣节手抄报 作文手抄报 元旦节手抄报图片 阳光心理手抄报 向国旗敬礼手抄报图 文明的手抄报 美丽家乡手抄报