XML kan weergegeven worden met CSS maar CSS is hier niet voor bedoeld. CSS is alleen voor de weergave van informatie geschreven in verschillende talen maar voor XML is speciaal XSL ontwikkeld omdat hier meerdere functies bijzitten dan alleen maar het weergeven van de informatie. Wat je precies allemaal met XSL kunt ga ik hier niet uitleggen, daarvoor verwijs ik je naar de XSL lessen.

Ik raad iedereen aan om het weergeven van XML data te doen door middel van XSL, ben je eenmaal XSL gewend dan kun je er veel meer mee die je met CSS nooit zou kunnen. Toch leer ik je het opmaken van XML data dmv CSS:

Net als in XML weergeven al in aangegeven kan je XML alleen weergeven met een gekoppeld CSS bestand.
Hier een voorbeeld van een XML-bestand met een gekoppeld CSS-bestand:

<?xml version="1.0"?>
<?xml-stylesheet href= "voorbeeld.css" type= "text/css"?>
<Homepage>
<Hoofdtekst>XML-weergave met CSS</Hoofdtekst>
<tekst>bla bla blaaa </tekst>
</Homepage>
<Homepage> is het wortelelement dat de tags <Hoofdtekst> en <tekst> bevat.
Met <?xml-stylesheet href= "voorbeeld.css" type= "text/css"?> wordt er een stijldefinitie (een zogenaamd stylesheet) in het XML-document geplaatst.het attribuut href geeft de bestandsnaam (voorbeeld.css) aan en met type wordt aangegeven om welk stylesheet het gaat. In dit voorbeeld is het alleen CSS.

Het bijhorende CSS-bestand is:

Hoofdtekst
{
font-family:Arial;
font-size: 35pt;
color:red;
}
tekst
{
font-family: Times;
font-size: 20pt;
color:blue
}

Let er wel even op dat als je een wortelelement een opmaakstijl geeft met CSS of XSL dat alle tags binnen dit wortelelement dan dezelfde opmaak krijgen. Dit gebeurd omdat de andere tags ondergeschikt zijn aan het wortelelement. Als je een tag binnen het wortelelement een andere opmaak geeft dan het wortelelement wordt dit element uiteraard weergegeven in de opgegeven opmaak voor dit element.