CSS (Cascading Style Sheets)

La première version du standard, dite CSS niveau 1 (CSS1), a été publiée en 1996.

En mai 1998, le W3 Consortium a publié une nouvelle version, dite CSS niveau 2 (CSS2).
Celle-ci introduit des possibilités nouvelles par rapport à CSS-1, notamment:


 

<?xml version='1.0' ?>
<?xml-stylesheet href="FeuilleDeStyle.css" type="text/css" ?>

La règle de style
 

Une règle de style =  un sélecteur  + une ou de plusieurs propriétés ainsi que leur valeur respective.
 
sélecteur {propriété1: valeur ; propriété2: valeur }



 
 
 
 
 
 
 


<STYLE TYPE="text/css">
<!--

H1 { color: red; font-size: 16pt; text-decoration: underline }

-->
</STYLE>
 

 
Exemple de sélecteur de classe:

<HTML>
  <HEAD>
    <TITLE>Titre</TITLE>
    <STYLE TYPE="text/css">
      H1.citation { font-style: italic; font-weight: bold }
    </STYLE>
  </HEAD>
  <BODY>
    <H1 CLASS=citation>La vie est trop courte pour se faire la guerre</H1>
  </BODY>
  </HTML>

 
classe 'citation' pour tous les éléments

.citation { font-style: italic; font-weight: bold }


 
 
 
Méthode plus élégante
... 
  <DIV CLASS=aspect1> 
  Ce texte apparaîtra avec les propriétés définies dans la classe aspect1 
  </DIV> 
  ...

<span class="date">991201</span>

Exemple du W3 consortium
Un éditeur HTML/CSS: Amaya
 
 

Mais CSS ne pourra pas vous permettre de "transformer" les données.
Il ne peut pas réorganiser ou restructurer les données ou faire des "cross-references".

Pour cela on a besoin de XSL (Extended Style Language)

GULL - Genève - 02 Mars 2000
 next