Detailed explanation of code for converting XML documents using CSS

Introduction

Convert XML documents through CSS, the syntax format of linking CSS style files is as follows:

Syntax:

<?xml-stylesheet type="text/css" href="CSS样式表文件路径"?>

Through this Statement to reference an external CSS file to achieve formatted output of XML documents.

2 Application of CSS to convert XML documents

Apply CSS styles in examples to achieve formatted output of XML documents.

Three codes

1. CSS code:

CATALOG
{
background-color: #ffffff;
width: 100%;
}
CD
{
display: block;
margin-bottom: 30pt;
margin-left: 0;
}
TITLE
{
color: #FF0000;
font-size: 20pt;
}
ARTIST
{
color: #0000FF;
font-size: 20pt;
}
COUNTRY,PRICE,YEAR,COMPANY
{
display: block;
color: #000000;
margin-left: 20pt;
}

2. XML code:

<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/css" href="css.css"?>
<CATALOG>
<CD>
<TITLE>Empire Burlesque</TITLE>
<ARTIST>Bob Dylan</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>Columbia</COMPANY>
<PRICE>10.90</PRICE>
<YEAR>1985</YEAR>
</CD>
<CD>
<TITLE>Hide your heart</TITLE>
<ARTIST>Bonnie Tyler</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>CBS Records</COMPANY>
<PRICE>9.90</PRICE>
<YEAR>1988</YEAR>
</CD>
</CATALOG>

Four running results

The above is the detailed content of Detailed explanation of code for converting XML documents using CSS. For more information, please follow other related articles on the PHP Chinese website!