XML formatering og transformation / XML og web / Formatering med CSS

XSL fjernundervisningskursus

- Vil du gerne på kursus NU?

- Vil du gerne lære i dit eget tempo?

- Har du ikke tid til at tage på kursus ude i byen?

Så køb et kursus i XSL som fjernundervisning på www.it-fjernundervisning.dk

CSS i relation til XML

Vi kan formatere indholdet i et XML dokument med CSS - det kunne se sådan her ud:

CSS dokumentet har dette indhold:

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;
}

Bemærk Display: block; kommandoen, der sørger for at der kommer linjeskift efter elementet.

Bemærk desuden, at man med kommandoen

<?xml-stylesheet type="text/css" href="cd_catalog.css"?>

Knytter xml dokument og stylesheet sammen.

Øvelse

Prøv at lave et stylesheet, der kan formatere dette lille xml dokument, så det ser pænt ud.

Du kan se om du kan få det til at ligne dette eksempel