CSS 스타일시트를 사용하여 XML 문서 형식 지정에 대한 자세한 소개

이 글은 CSS 기반을 갖고 있는 친구들에게 적합합니다. CSS 기초가 없다면 중국어w3schools를 배워보세요.

1, XML 에 소개 CSS 스타일.

 XMLCSS에 도입됨 스타일 시트에는 두 개가 있습니다. 행동 양식. 하나는 CSS 스타일을 XML 문서에 직접 삽입하는 것이고, 다른 하나는 외부에 도입하는 것입니다. WEB의 많은 소개 방법에는 이 두 가지 방법이 있습니다). 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>

 코드 설명: 첫 번째 줄은 XML 파일의 헤더 선언입니다. Xml 문서에는 헤더 선언 정보를 추가해야 합니다. 두 번째 줄은 CSS 스타일의 선언입니다. 여기서 xml-stylesheet는 XML을 의미합니다. 문서에 스타일 시트를 추가합니다. type="text/css"는 스타일 시트 유형이 CSS임을 의미합니다. 스타일 시트. 4번째 줄부터 22번째 줄까지의 내용은 CSS 스타일의 내용입니다. 4번째 줄은 CSS코드, 22행은 닫는 태그입니다. 다음 줄은 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中显示的效果为：

     

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

CSS에서 선택기를 사용하여 XML 문서 형식을 지정합니다. 선택기는 일반적으로 위의 book, name과 같은 하나 이상의 XML 태그입니다. 등에서는 속성과 속성값이 중괄호 안에 표시되며, 속성과 속성값은 콜론으로 구분됩니다. CSS를 사용하여 dispaly 속성을 ​​통해 라벨 내용 표시 여부를 설정합니다. >없음, 차단, 인라인, 목록 항목. 또한 CSS에서는 XML의 글꼴, 색상, 텍스트, 여백, 테두리, 패딩 및 위치 표시도 설정할 수 있습니다. 이러한 사용법은 HTML에서 사용하는 방법과 동일하므로 여기서는 자세히 설명하지 않겠습니다. 다음 글에서는 XSLT를 사용하여 XML 문서를 템플릿으로 만드는 방법에 대해 설명하겠습니다.

위 내용은 CSS 스타일시트를 사용하여 XML 문서 형식 지정에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!