La typographie et la mise en forme de caractères
CHAPITRE 5
77
En réalité, un affichage correct n’implique d’imposer aucune dimension : seules les
images et illustrations doivent avoir une taille spécifiée et figée pour s’afficher dans
les meilleures conditions. Partout ailleurs, on préférera des dimensions relatives : cela
fluidifie la navigation sur le site.
Prenez donc l’habitude d’autoriser une certaine souplesse sur vos pages web. Sachez
proposer plutôt qu’imposer, surtout au niveau de la taille de texte.
Pour information, et malgré son menu Affichage/Taille de texte, Internet Explorer
refuse d’agrandir tout texte dont la taille est précisée en pixels (px) : les dimensions
demeurent figées. Cette unité est donc à proscrire pour les textes de petite taille.
Styles et effets sur les caractères
CSS propose de nombreux styles typographiques. Nous distinguerons les styles
prévus pour les caractères (couleur, italique, soulignement, etc.) et ceux portant sur
les mots et les paragraphes (interlignage, justification, crénage, etc.).
Définir et modifier la couleur de police
La propriété CSS color définit la couleur de police (la propriété font-color n’existe
pas, quoi qu’imaginent de nombreux étourdis). C’est une propriété héritée : sauf précision explicite contraire, tout élément reprendra la couleur de son élément parent.
(Re)voyez le chapitre consacré à la couleur pour connaître les valeurs possibles de
cette propriété : notation RGB, notation hexadécimale et mots-clés. Pour afficher les
textes de citations en bleu on pourra écrire :
Pour teindre en noir le texte de l’élément d’identificateur « toto » on précisera :
La graisse, les italiques et les obliques
La propriété font-weight définit la graisse de caractères. Elle accepte les valeurs :
• normal : graisse normale.
• bold : gras.
• lighter : moins gras que la référence.
blockquote {
color: blue;
}
#toto {
color: #000;
}
CHAPITRE 5
77
En réalité, un affichage correct n’implique d’imposer aucune dimension : seules les
images et illustrations doivent avoir une taille spécifiée et figée pour s’afficher dans
les meilleures conditions. Partout ailleurs, on préférera des dimensions relatives : cela
fluidifie la navigation sur le site.
Prenez donc l’habitude d’autoriser une certaine souplesse sur vos pages web. Sachez
proposer plutôt qu’imposer, surtout au niveau de la taille de texte.
Pour information, et malgré son menu Affichage/Taille de texte, Internet Explorer
refuse d’agrandir tout texte dont la taille est précisée en pixels (px) : les dimensions
demeurent figées. Cette unité est donc à proscrire pour les textes de petite taille.
Styles et effets sur les caractères
CSS propose de nombreux styles typographiques. Nous distinguerons les styles
prévus pour les caractères (couleur, italique, soulignement, etc.) et ceux portant sur
les mots et les paragraphes (interlignage, justification, crénage, etc.).
Définir et modifier la couleur de police
La propriété CSS color définit la couleur de police (la propriété font-color n’existe
pas, quoi qu’imaginent de nombreux étourdis). C’est une propriété héritée : sauf précision explicite contraire, tout élément reprendra la couleur de son élément parent.
(Re)voyez le chapitre consacré à la couleur pour connaître les valeurs possibles de
cette propriété : notation RGB, notation hexadécimale et mots-clés. Pour afficher les
textes de citations en bleu on pourra écrire :
Pour teindre en noir le texte de l’élément d’identificateur « toto » on précisera :
La graisse, les italiques et les obliques
La propriété font-weight définit la graisse de caractères. Elle accepte les valeurs :
• normal : graisse normale.
• bold : gras.
• lighter : moins gras que la référence.
blockquote {
color: blue;
}
#toto {
color: #000;
}