Les feuilles de style

Les feuilles de styles permettent, entre autre, de redéfinir les attributs par défaut de certaines balises HTML. Une feuille de style commune à plusieurs documents HTML permet d'unifier leur aspect.

Créer une feuille de style

Une feuille de style est un fichier texte d'extension .css.
Elle contient des paragraphes dont la structure est : NOM_DE_BALISE {attribut:valeur; attribut:valeur;....;}
Par exemple, pour que la balise H1 ait pour effet d'écrire de façon centrée avec la police Arial en italique, de taille 24 points et de couleur bleu marine, on écrira :

  H1 { text-align:center;
       font-family:helvetica,arial;
       font-style:italic;
       color:navy;
       font-size:24pt }

Attacher une feuille de style à un document HTML

Pour qu'un document utilise la feuille de style nommée 'monstyle.css', on ajoute dans l'entête du fichier (entre HEAD et /HEAD) la commande :

   <LINK REL="stylesheet" TYPE="text/css" HREF="monstyle.css">

Propriétés utilisables

Les feuilles de styles peuvent faire référence aux propriétés indiquées dans le tableau suivant.

Propriétés	Valeurs
font-size	taille de la police en points, ou xx-small,x-small,small,medium,large,x-large, xx-large,larger,smaller
font-family	type de la police par un nom (Times, Helvetica, Courrier,...) ou serif,sans-serif,cursive,fantasy,monospace
font-weight	normal ou bold
font-style	normal ou italic
font-variant	normal ou small-caps
color	couleur par un nom ou une valeur RGB
background-color	couleur du fond
background-image	URL de l'image de fond
text-align	type d'alignement horizontal : left, right, center ou justify
text-indent	retrait de première ligne d'un bloc de texte indiqué en valeur absolue ou en pourcentage
margin -left,-right,-top,-bottom	marges en pixels ou en pourcentage
border	type du cadre (ex:solid)

Page d'accueil | Autres fiches