Detaillierte Einführung in die Formatierung von XML-Dokumenten mithilfe von CSS-Stylesheets

Dieser Artikel ist für Freunde geeignet, die über eine bestimmte CSS-Grundlage verfügen. Wenn Sie nicht über die Grundlagen von CSS verfügen, können Sie zum Lernen Chinesisch w3schools besuchen.

1, XML eingeführt CSS Stile.

 Eingeführt in XMLCSS Stylesheet hat zwei Methoden. Eine besteht darin, den CSS-Stil direkt in das XML-Dokument einzubetten; die andere besteht darin, ihn extern einzuführen (es scheint in WEB verfügen über diese beiden Methoden. Die Methode zum direkten Einbetten des CSS-Stils in XML ist wie folgt:

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>

Codebeschreibung: Die erste Zeile ist die Header-Deklaration der XML-Datei, als Wohlgeformte Xml-Dokumente sollten Header-Deklarationsinformationen hinzufügen. Die zweite Zeile ist die Deklaration des CSS-Stils, wobei xml-stylesheet XML bedeutet Fügen Sie dem Dokument ein Stylesheet hinzu. type="text/css" bedeutet, dass der Stylesheet-Typ CSS ist Stylesheet. Der Inhalt zwischen der vierten Zeile und der 22. Zeile ist der Inhalt im CSS-Stil. Die vierte Zeile wird verwendet, um das Hinzufügen von CSSCode, Zeile 22 ist das schließende Tag. Die folgenden Zeilen sind der Inhalt des XML-Dokuments. Nachdem wir den CSS-Stil hinzugefügt haben, öffnen wir dieses XML im IE-Dokument. Der Effekt ist wie folgt:

    

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

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中显示的效果为：

     

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

Verwenden Sie Selektoren in CSS, um das XML-Dokument zu formatieren. Der Selektor besteht im Allgemeinen aus einem oder mehreren XML-Tags, wie z. B. dem oben genannten Buch, Name usw. Die Attribute und Attributwerte werden in geschweiften Klammern angezeigt und die Attribute und Attributwerte werden durch Doppelpunkte getrennt. Verwenden Sie CSS, um festzulegen, ob der Etiketteninhalt über das Attribut dispaly angezeigt wird. Die Attributwerte sind none, block, inline, list-item. Darüber hinaus kann CSS auch Schriftart, Farbe, Text, Rand, Rahmen, Abstand und Positionierungsanzeige von XML festlegen. Diese Verwendungsmethoden sind die gleichen wie in HTML und werden daher hier nicht im Detail erläutert. Im nächsten Artikel wird erklärt, wie man XSLT zum Erstellen von XML-Dokumenten verwendet. Freunde, denen es gefällt, achten Sie bitte weiterhin darauf.

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in die Formatierung von XML-Dokumenten mithilfe von CSS-Stylesheets. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!