DEUXIÈME PARTIE
76
Ici, les éléments
et reçoivent chacun la taille de texte de 80%. descendant de , sa taille sera 80 % de la taille de référence de , soit 80 % de 80 % Toto est mon héros
égale 64 %, de la taille de
Pour conclure cette liste, le pixel (dit « unité relative » car sa taille dépend de la plateforme et de l’écran d’ordinateur) est sans doute l’unité la plus utilisée. Sur un système
donné, il restera une unité fixe partout dans le document.
Les mots-clés de tailles
Comme pour les couleurs, CSS propose des mots-clés pour définir les tailles de
polices. Malheureusement, il n’en existe que sept. Par ordre croissant, ce sont xxsmall, x-small, small, medium, large, x-large, et xx-large.
Ces tailles sont laissées à l’appréciation de chaque navigateur. Internet Explorer et
Netscape Navigator afficheront ainsi des tailles différentes pour un texte medium. Ce
spectre limité et ces différences d’appréciation limitent grandement l’intérêt de cette
technique pour le le choix des tailles de polices.
Permettre l’agrandissement des polices
De nombreux utilisateurs souhaitent agrandir les polices. Pour certains, c’est même
une nécessité (cas des malvoyants et autres déficients visuels). Les navigateurs graphiques intègrent tous la possibilité d’afficher un site avec une taille de texte modifiée.
Malgré tout, de nombreux webmasters, visant l’uniformité sur toutes les platesformes, tentent d’imposer la taille de tous les éléments de leur mise en page : images,
arrière-plans, espacements, marges, taille des blocs et du texte. Cette démarche trahit
un manque de respect et une inversion des priorités : le rendu d’un site web doit être
conforme aux attentes et souhaits de l’utilisateur, pas à ceux de son concepteur. En
verrouillant ainsi la mise en page, l’auteur rend son site inutilisable ou désagréable,
voire complètement dégradé si l’utilisateur augmente la taille de police.
CSS
p, span {
font-size: 80%;
}
HTML
h1 {
font-size: large;
}