zoukankan      html  css  js  c++  java
  • 使用CSS样式表格式化XML文档 拓荒者

     

         这篇文章适用于有一定CSS基础的朋友们。如果你还没有CSS基础,可以到中文w3schools进行学习。

         1XML中引入CSS样式。

         XML中引入CSS样式表有两种方法。一种是在XML文档中直接嵌入CSS样式;另一种则是外部引入(似乎在WEB中很多引入的方式都有这两种)。在XML中直接嵌入CSS样式的方法如下:

     1 <?xml version="1.0" encoding="utf-8"?>
     2 <?xml-stylesheet type="text/css"?>
     3 <xml>
     4   <HTML:STYLE xmlns:HTML="http://www.w3.org/profiles/XHTML-transitional">
     5     book{
     6       display:block;
     7       background-color:#FFE4C4;
     8       margin:5px;
     9     }
    10     name{
    11       display:block;
    12       line-height:30px;
    13     }
    14     author{
    15       display:block;
    16       line-height:30px;
    17     }
    18     date{
    19       display:block;
    20       line-height:30px;
    21     }
    22   </HTML:STYLE>
    23   <book>
    24     <name>Xml
    应用系列</name>
    25     <author>学路的小孩</author>
    26     <date>2009-03-23</date>
    27   </book>
    28 </xml>

         代码说明:第一行是XML文件的头部声明,作为一个格式良好的Xml文档,都应该添加头部的声明信息。第二行是CSS样式的声明,其中,xml-stylesheet的意思是为XML文档添加样式表,type="text/css"的意思是样式表的类型是CSS样式表。第四行和第二十二行中间的内容则是CSS样式的内容,其中第四行用来声明添加CSS代码,第二十二行则是它的封闭标签。后面的几行是XML文档的内容。在添加了CSS样式之后,我们在IE中打开这个XML文档,效果如下图:

        

     第二种方式是外部引用。外部引用的代码示例如下:

    1 <?xml version="1.0" encoding="utf-8"?>
    2 <?xml-stylesheet type="text/css" href="bookstyle.css"?>
    3 <xml>
    4   <book>
    5     <name>Xml
    应用系列</name>
    6     <author>学路的小孩</author>
    7     <date>2009-03-23</date>
    8   </book>
    9 </xml>

         代码说明 第一行为Xml文档的声明;第二行中添加了一个href属性,它表示引入外部的CSS文件,文件的名字是bookstyle.css。后面的几行是XML文档的内容。我在bookstyle.css中写入的样式如下:

     1     book{
     2       display:block;
     3       background-color:gray;
     4       margin:5px;
     5     }
     6     name{
     7       display:block;
     8       line-height:30px;
     9     }
    10     author{
    11       display:block;
    12       line-height:30px;
    13     }
    14     date{
    15       display:block;
    16       line-height:30px;
    17     }

         这个样式跟第一个样式的唯一区别就是背景改为了gray,在IE中显示的效果为:

         

    2CSS设置XML文档的显示效果

         CSS中使用选择符来格式化XML文档。选择符一般为一个或多个XML标签,例如上面的bookname等,在花括号中为显示的属性和属性值,属性和属性值中间以冒号分开。使用CSS可以通过dispaly属性设置标签内容是否显示,属性值有noneblockinlinelist-item。另外CSS还可以设置XML显示的字体、颜色、文本、边距、边框、填充以及定位显示。这些使用方法和在HTML中的使用是一样的,这里就不再详细说明。下一篇将说明如何使用XSLT模板化XML文档,请喜欢的朋友继续关注。

    2021年9月 北京、西安两地,高薪诚聘 .NET工程师,请私信联系!
    如果认为此文对您有帮助,别忘了支持一下哦!
    声明:本博客原创文字只代表本人工作中在某一时间内总结的观点或结论,与本人所在单位没有直接利益关系。转载时请在文章页面明显位置给出原文链接。
  • 相关阅读:
    【使用intellij idea14创建多Module工程---马房山网 www.mafangshan.com】
    【Zookeeper可以干什么】
    【Zookeeper是什么】
    【win10 intelij terminal 无法输入命令】
    【Information:java: javacTask: 源发行版 1.7 需要目标发行版 1.7】
    【如何用Maven创建web项目】
    【JS关键字】
    【在网页中添加滚动文字】
    【idea自动生成serialVersionUID】
    线段树扫描线求矩形面积交
  • 原文地址:https://www.cnblogs.com/youring2/p/1422523.html
Copyright © 2011-2022 走看看