如何使用css设置xml文档的样式(style xml documents with css)

创建XML文档、编写DTD并使用浏览器对其进行解析都很好,但是查看文档时文档将如何显示?XML不是一种表示语言。用XML编写的文档将完全没有格式。...

创建XML文档、编写DTD并使用浏览器对其进行解析都很好,但是查看文档时文档将如何显示?XML不是一种表示语言。用XML编写的文档将完全没有格式。

HTML and CSS Code in an IDE Environment

如何查看xml

在浏览器中查看XML的关键是级联样式表。样式表允许您定义XML文档的各个方面,从文本的大小和颜色到非文本对象的背景和位置。

假设您有一个XML文档:

]> Judy Layard Jennifer Brendan

如果要在支持XML的浏览器(如Internet Explorer)中查看该文档,它将显示如下内容:

Judy Layard Jennifer Brendan

但是,如果要区分父元素和子元素,该怎么办?甚至可以在文档中的所有元素之间进行视觉区分。XML不能做到这一点,而且它不是一种用于显示的语言。

样式化xml

但幸运的是,在XML文档中使用级联样式表(CSS)很容易定义在浏览器中查看这些文档和应用程序时的显示方式。对于上面的文档,可以用与HTML文档相同的方式定义每个标记的样式。

例如,在HTML中,您可能希望定义段落标记中的所有文本(

p { font-family : verdana, geneva, helvetica; background-color : #00ff00; }

同样的规则也适用于XML文档。XML中的每个标记都可以在XML文档中定义:

family { color : #000000; } parent { font-family : Arial Black; color : #ff0000; border : solid 5px; width : 300px; } child { font-family : verdana, helvetica; color : #cc0000; border : solid 5px; border-color : #cc0000; }

一旦有了XML文档并编写了样式表,就需要将它们放在一起。与HTML中的link命令类似,在XML文档的顶部(XML声明的下方)放一行,告诉XML解析器在哪里找到样式表。例如:

如上所述,这一行应该位于声明的下方,但位于XML文档中任何元素的前面。

总而言之,您的XML文档应该是:

]> Judy Layard Jennifer Brendan

  • 发表于 2021-09-04 21:06
  • 阅读 ( 161 )
  • 分类:IT

你可能感兴趣的文章

什么是xml文件?如何打开和使用它?

...struction text' was replaced by tags, which indicate what the parts of the document are, rather than details of how they might be shown on some display." ...

  • 发布于 2021-03-21 09:43
  • 阅读 ( 372 )

rpc协议(rpc)和文件(document)的区别

...来描述。每个元素都放在一个“definiti***”元素中。 RPC和document样式在绑定样式(也称为SOAP绑定样式)上有所不同。WSDL根据SOAP负载或元素内容的结构将绑定样式指定为RPC或document。文档样式始终是默认选择,因为SOAP消息在元素...

  • 发布于 2021-06-23 19:34
  • 阅读 ( 191 )

AJAX(ajax)和菲律宾比索(php)的区别

...XML。它是一组用于设计网站的web开发程序。这些程序结合使用XHTML进行基本编程、CSS进行样式设置、DOM进行交互、使用XML和XSLT进行数据交换、XMLHttpRequest和JavaScript来创建交互式web应用程序。另一方面,PHP是一种服务器端脚本语言...

  • 发布于 2021-07-13 06:00
  • 阅读 ( 157 )

javascript语言(javascript)和jquery查询(jquery)的区别

...。它被设计用来简化HTML的客户端脚本,目前被许多网站使用。而AJAX代表异步JavaScript和XML。它是一组用于设计网站的web开发程序。这些程序结合使用XHTML进行基本编程、CSS进行样式设置、DOM进行交互、使用XML和XSLT进行数据交换、...

  • 发布于 2021-07-13 06:00
  • 阅读 ( 176 )

AJAX(ajax)和javascript语言(javascript)的区别

...XML。它是一组用于设计网站的web开发程序。这些程序结合使用XHTML进行基本编程、CSS进行样式设置、DOM进行交互、使用XML和XSLT进行数据交换、XMLHttpRequest和JavaScript来创建交互式web应用程序。然而,JavaScript是一种解释性的计算机...

  • 发布于 2021-07-13 06:03
  • 阅读 ( 180 )

AJAX(ajax)和jquery查询(jquery)的区别

...XML。它是一组用于设计网站的web开发程序。这些程序结合使用XHTML进行基本编程、CSS进行样式设置、DOM进行交互、使用XML和XSLT进行数据交换、XMLHttpRequest和JavaScript来创建交互式web应用程序。另一方面,jQuery是一个多浏览器JavaScrip...

  • 发布于 2021-07-13 06:04
  • 阅读 ( 187 )

AJAX(ajax)和休息(rest)的区别

...XML。它是一组用于设计网站的web开发程序。这些程序结合使用XHTML进行基本编程、CSS进行样式设置、DOM进行交互、使用XML和XSLT进行数据交换、XMLHttpRequest和JavaScript来创建交互式web应用程序。REST代表表征状态转移。它是一种分布...

  • 发布于 2021-07-13 06:04
  • 阅读 ( 246 )

AJAX(ajax)和银光(silverlight)的区别

...XML。它是一组用于设计网站的web开发程序。这些程序结合使用XHTML进行基本编程、CSS进行样式设置、DOM进行交互、使用XML和XSLT进行数据交换、XMLHttpRequest和JavaScript来创建交互式web应用程序。MicrosoftSilverlight是一个用于编写和运行...

  • 发布于 2021-07-13 06:05
  • 阅读 ( 130 )

AJAX(ajax)和ajax控件工具包(ajax control toolkit)的区别

...XML。它是一组用于设计网站的web开发程序。这些程序结合使用XHTML进行基本编程、CSS进行样式设置、DOM进行交互、使用XML和XSLT进行数据交换、XMLHttpRequest和JavaScript来创建交互式web应用程序。另一方面,Ajax控件工具箱是一组控件...

  • 发布于 2021-07-13 06:06
  • 阅读 ( 136 )

AJAX(ajax)和json文件(json)的区别

...XML。它是一组用于设计网站的web开发程序。这些程序结合使用XHTML进行基本编程、CSS进行样式设置、DOM进行交互、使用XML和XSLT进行数据交换、XMLHttpRequest和JavaScript来创建交互式web应用程序。JSON是JavaScript对象表示法的缩写。它是...

  • 发布于 2021-07-13 06:07
  • 阅读 ( 138 )
5i3Eo7xF0
5i3Eo7xF0

0 篇文章

相关推荐