CSS スタイルシートを使用した XML ドキュメントのフォーマットの詳細な紹介

この記事は、CSSの基礎を持っている友人に適しています。 CSSの基本を持っていない場合は、中国語w3schoolsに行って学ぶことができます。

1、XMLにCSSスタイルが導入されました。

XMLにCSSスタイルシートを導入するには2つの方法があります。 1つはCSSスタイルをXMLドキュメントに直接埋め込む方法、もう1つは外部から導入する方法です(WEBでの導入方法はこの2つが多いようです)。 CSSスタイルをXMLに直接埋め込む方法は次のとおりです:

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>

コードの説明: 1行目はXMLのヘッダー宣言です。 ファイルには、整形式の Xml ドキュメントとしてヘッダー宣言情報が追加されている必要があります。 2 行目は CSS スタイルの宣言です。ここで、xml-stylesheet は XML ドキュメントにスタイル シートを追加することを意味し、type="text/css" はスタイルシートの種類はCSSスタイルシートです。 4行目から22行目までがCSSスタイルの内容で、4行目はCSSのコードの追加を宣言するもので、22行目はその終了タグです。次の行は XML ドキュメントの内容です。 CSSスタイルを追加した後、このXMLドキュメントをIEで開くと、その効果は次のようになります:

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

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文档的显示效果

CSSのセレクターを使用して、XMLドキュメントをフォーマットします。セレクターは通常、上記の book、name などの 1 つ以上の XML タグです。中括弧内に表示される属性と属性値はコロンで区切られます。 。 CSSを使用すると、dispaly属性を通じてラベルのコンテンツを表示するかどうかを設定できます。属性値はnone、block、inline、 リストアイテム 。また、CSSでは、XMLのフォント、色、テキスト、マージン、ボーダー、パディング、位置表示も設定できます。これらの使用方法はHTMLで使用される方法と同じであるため、ここでは詳細な説明は省略します。次の記事では、XSLTを使用してXMLドキュメントをテンプレート化する方法を説明します。気に入った友人は、引き続き注目してください。

以上がCSS スタイルシートを使用した XML ドキュメントのフォーマットの詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。