texte assez énorme
texte assez minuscule
texte un peu plus grand que la normale
texte beaucoup plus petit que la normale

texte rouge vif
texte vert
texte bleu

ce texte est dans la police Avalon ou si Avalon ne peut être représentée, dans la police Wide Latin

Titre H1 dred

Titre H1 sans classe

Titre H2

Text dans div2



DIV #1
position: relative;

DIV #2
position: absolute;
z-index: 1;


DIV #3
position: relative;

DIV #4
position: absolute;
z-index: 2;
Fin………………………………

titre 1

Le code

<html>
<body>
<head><link rel="stylesheet" type="text/css" href="/bbs0.css" media="screen" />

</head>
<body>
<p>
<span class="grand">texte assez énorme</span><br>
<span class="minus">texte assez minuscule</span><br>
<span class="normplus">texte un peu plus grand que la normale</span><br>
<span class="normmoins">texte beaucoup plus petit que la normale</span>
</p>

<p>
<span class="rouge">texte rouge vif</span><br>
<span class="vert">texte vert</span><br>
<span class="bleu">texte bleu</span>
</p>

<p>
<span class="wide">ce texte est dans la police Avalon ou si Avalon ne peut être représentée, dans la police Wide Latin</span>
</p>

<div id="div2">
<h1 class="dred">Titre H1 dred</h1>
<h1>Titre H1 sans classe</h1>
<h2>Titre H2 </h2>
<p>
Text dans div2 
</p>
</div>

<br />

<div id="div1">
<br /><span class="bold">DIV #1</span>
<br />position: relative;
   <div id="div2">
   <br /><span class="bold">DIV #2</span>
   <br />position: absolute;
   <br />z-index: 1;
   </div>
</div>

<br />

<div id="div3">
<br /><span class="bold">DIV #3</span>
<br />position: relative;
   <div id="div4">
   <br /><span class="bold">DIV #4</span>
   <br />position: absolute;
   <br />z-index: 2;
   </div>
</div>

</html>
contenu du fichiers bbs0.css
#div1 
{
   
  background-color: #ffdddd;
  color:darkblue;
  font-family:"Times New Roman",Georgia;
}

#div2 
{
   
  background-image: url(/grafex/wallpaper6.gif);
  color:darkblue;
  padding:10px 10px 10px 10px ;
  font-family:"Times New Roman",Georgia;
}

h1.dred
{
background-color: yellow;
color:red;
fontsize:30px;
}