Les bases du langage CSS 3

III – Formatage du texte

• La taille

On peut modifier la taille par défaut des caractères avec l'attribut font-size.

font-size: 12px; /* fixe la taille des caractères à 12 pixels */ font-size: small; /* rend plus petite la taille des caractères */ font-size: 80%; /* réduit de 20 % la taille des caractères */

• La police

On peut choisir une ou plusieurs polices de caractères. En effet, selon le navigateur utilisé, toutes les polices ne sont pas obligatoirement reconnues. Si la police n'est pas reconnue, il faut en proposer une autre, sinon le navigateur appliquera la police par défaut.

font-family: "Courier New", Courier, monospace; /* police prioritaire Courier New, puis Courier et enfin monospace */

Lorsque le nom de la police comporte plusieurs mots, on l'englobe avec des guillemets.

• Le style

On peut appliquer différents styles d'écriture à une chaîne de caractères.

font-style: italic; /* met le texte en italique */ font-style: oblique; /* met le texte en oblique */ font-style: normal; /* annule les effets précédents */ font-weight: bold; /* met le texte en gras */ font-weight: normal; /* annule l'effet précédent */ text-decoration: underline; /* souligne le texte */ text-decoration: none; /* annule l'effet précédent */

• L'alignement

On peut aligner le texte à gauche, au centre, à droite ou demander à ce qu'il occupe toute la largeur de son conteneur. L'alignement ne fonctionne que sur les balises de type block.

text-align: left; /* pour les autres valeurs d'alignement, il y a : center, right, justify */

• Les commentaires en CSS

Pour insérer des commentaires (éventuellement sur plusieurs lignes) dans une feuille de styles, la syntaxe est différente de celle utilisée en HTML.

/* commentaires en css */