Basics of XML development: using CSS to display XML

By using CSS, you can add display information to an XML document.

Use CSS to display your XML?

It is possible to use CSS to format XML documents.

The following example is about how to format an XML document using a CSS style sheet:

This is an XML file: the CD directory

This is the style sheet: CSS file

Finally, see the effect: the CD directory formatted by CSS file

The following is a fragment of this XML file. The second line, <?xml-stylesheet type= "Text/css" href= "cd_catalog.css", link this XML file to a CSS file:

<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/css" href="cd_catalog.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>

Note: Formatting XML with CSS does not represent the future of XML document styling. XML documents should be formatted using the XSL standard of the consortium!