Pour simplifier la mise en forme du document, il est important de raisonner avec des styles. On dfinit un style pour les thormes, un pour les plis, un pour les noms de fichiers etc On les appelle  chaque fois qu'on en a besoin, le choix des caractristiques est fait une seule fois et peut tre modifi en un seul endroit (voir \link{style2}).

<h2>Pour le document, les paragraphes, les titres</h2>
Pour le document on peut choisir la couleur du fond, la police de caract&egrave;res, sa taille,
sa couleur, ...<br>
<br>

<pre class="ccc">
body	{
   font-family: Helvetica, Arial, sans-serif;
   font-size: 100%;
   background-color: #FFFFCC;
}
</pre>
<br>
 Ici on dfinit un style pour la balise   
 <tt class="c">body</tt> qui existe dj.  

On peut dfinir  l'indentation de tous les paragraphes par :
<tt class="c">p	{text-ident: 1.3em;}</tt> 


  En html, les titres ont des styles d&eacute;finis par d&eacute;faut. Dans 
les documents WIMS, le titre du document est en <tt class="c">h1</tt>, les 
titres des blocs en <tt class="c">h3</tt>, le <tt class="c">h2</tt> est disponible 
pour vos titres de paragraphe. Chaque style de titre peut &ecirc;tre red&eacute;fini 
dans l'ent&ecirc;te du document :  

<pre class="ccc">
h3 {
   font-size: 130%;
   text-align: center;
   color: green;
 }
</pre>
 

<h2>Dfinition d'une classe</h2>

On dfinit une classe par un nom commenant par un point, puis entre accolades ses caractristiques, spares par des point-virgules.
Une classe qui dfinit les caractristiques des caractres peut tre appele pour un mot ou un paragraphe.
<pre class="ccc">
.c   { 
   color: #c52d2d;
   font-size:100%;
   font-weight: bold;
}
</pre>

Pour quelques mots, on peut crire : 

Le style <tt class="c">&lt;span class="c"&gt;</tt>c<tt class="c">&lt;/span&gt;</tt> indique un mot important.

pour 

le style <span class="c">c</span> indique un mot important.

Pour un paragraphe, on crit :

<tt class="c">&lt;p class="c"&gt;</tt>Ce paragraphe est important.<tt class="c">&lt;/p&gt;</tt> 

pour

<p class="c">Ce paragraphe est important.</p>

<h2>Pour un paragraphe ou une partie</h2>
Le style peut dfinir le fond d'un paragraphe (<tt class="c">&lt;p class="ccc"&gt;</tt> <tt class="c">&lt;/p &gt;</tt>) ou d'une division qui peut comporter plusieurs paragraphes  (<tt class="c">&lt;div class="ccc"&gt;</tt><tt class="c">&lt;/div &gt;</tt>). La balise <tt class="c">pre</tt> indique une partie o la mise en forme est conserve.

\fold{}{Style des encadrs de code}{
Le style suivant est celui des encadr&eacute;s verts de code :
<pre class="ccc">
.ccc {<br>
 		margin: 0% 3% 0% 3%;<br>
 		width: 90%;<br>
 		padding: 2%;<br>
 		background-color: #CCFFCC;<br>
 		color: #c52d2d;<br>
 		font-weight: bold; }<br>
 </pre>}


Dans l'exemple suivant, on dfinit un style de division pour faire
un fond au thorme :<br>
<pre class="ccc">
.thm {
		margin: 0% 8% 0% 8%;
		width: 80%;
		padding: 2%;
		background-color: #E8E4D8;
		}
</pre>


Il vaut mieux d&eacute;finir la largeur (<tt class="c">width</tt>) de fa&ccedil;on
relative avec un pourcentage. Le <tt class="c">margin</tt> donne la r&eacute;partiion
des marges entre la couleur et le reste. Le&nbsp; <tt class="c">padding</tt>
indique la marge int&eacute;rieure &agrave; la couleur de fond. Evidemment, le total 2m+w+2p doit faire 100 %.


<a target="wims_external" href="http://openweb.eu.org/articles/initiation_css/">Pour en savoir plus.</a>

 
                          