Les Feuilles de style en cascade (CSS)

 Les feuilles de style font partie des nouveautés importantes du langage HTML. Elles permettent de changer l'aspect d'une page HTML sans modifier son contenu, ou de disposer de quatre ou cinq présentations différentes pour un même Web. Elles permettent des modifications étendues de l"apparition de tout un site Web sans toucher au contenu, puisque leur principal intérêt réside dans le fait qu'elles peuvent être déclarées à l'extérieur d'un document HTML.

Ingrédients:

1) Des images gif pour servir de fonds de page
 
bkgrnd1.gif
bkgrnd2.gif
Bkgrnd3.gif
bkgrnd4.gif

2) Une page prototype (ex. "ptype.htm")

La page peut contenir toutes les types de paragraphes et de listes utilisés dans un site

Dans l'entête de laquelle on aura inséré un tag HTML suivant:
<link REL=STYLESHEET TYPE="text/css" HREF="css1.txt">

3) Une ou plusieurs feuilles styles (ex. css1.txt, css2.txt)

Avec des contenus du type (pour détails voir UNGI):
BODY {background-image: url(bkgrnd2.gif); background-repeat: repeat-x; }

H1,H2,H3 { color : blue }

OL { list-style-type: lower-roman }

UL { list-style-image: url(bkgrnd2.gif) }

Resultats:
Assocaition entre la page type et les feuilles styles:
css1.txt
css2.txt
css3.txt