XML et CSS

XML et les CSS

Soit la feuille de style suivante styles.css destinée à mettre en forme le fichier XML

-          On définie la manière dont sera affichée le fichier XML dans le navigateur (internet Explorer,Mozilla,…)

-          Pour chaque nœud, on peut soit le laisser vide, soit le définir  (il faut penser « poupées russes ou chaque balise est imbriquée comme des boites dans sa précédente)

REGIONS

{

width:200px;

height:30px;

background-color:Maroon;

}

REGION

{

display:block;

}

code_departement

{

color:Gray;

}

nom_departement

{

color:Red;

}

Et le fichier XML regions.xml

-          On lie la feuille des tyle au fichier XML

<?xmlversion="1.0"encoding="UTF-8" ?>

<?xml-stylesheettype="text/css" href="styles.css"?>

<REGIONS>

 <REGION>

    <code_departement>03</code_departement>

    <nom_departement>Allier</nom_departement>

 </REGION>

 <REGION>

    <code_departement>06</code_departement>

    <nom_departement>Alpes Maritmes</nom_departement>

 </REGION>

 <REGION>

    <code_departement>21</code_departement>

    <nom_departement>Côte d'or</nom_departement>

 </REGION>

 <REGION>

    <code_departement>34</code_departement>

    <nom_departement>Hérault</nom_departement>

 </REGION>

. . . etc.

  </REGIONS>

-          Il suffit de double cliquer sur le fichier XML pour qu’il s’affiche dans le navigateur par défaut :