Table des matières:
Vidéo: Technology Stacks - Computer Science for Business Leaders 2016 2025
Plusieurs fois, vous devez spécifier la taille de quelque chose dans CSS3. Bien sûr, la taille de la police est l'un de ces cas. Les différents types de mesure ont des implications différentes. Il est important de savoir qu'il existe deux types distincts d'unités dans CSS.
Les mesures absolues tentent de décrire une taille particulière, comme dans le monde réel. Les mesures relatives concernent les modifications de certaines valeurs par défaut. Généralement, les développeurs Web évoluent vers une mesure relative de la taille des polices.
Points (pt)
En traitement de texte, vous connaissez probablement points comme mesure de la taille de la police. Vous pouvez utiliser l'abréviation pt pour indiquer que vous mesurez des points, par exemple:
p {font-size: 12pt;}
Malheureusement, les points ne sont pas une unité de mesure efficace pour les pages Web. Les points sont une échelle absolue, utile pour l'impression, mais ils ne sont pas fiables sur le web car vous ne savez pas quelle résolution a l'écran de l'utilisateur. Une police de 12 points peut sembler plus grande ou plus petite sur différents moniteurs.
Dans certaines versions d'Internet Explorer, après avoir spécifié une taille de police en points, l'utilisateur ne peut plus modifier la taille des caractères. Ceci est inacceptable du point de vue de l'utilisabilité. Les schémas de taille relative préviennent ce problème.
Pixels (px)
Les pixels renvoient aux petits points sur l'écran. Vous pouvez spécifier une taille de police en pixels, bien que ce ne soit pas le cas habituellement. D'une part, différents moniteurs font des pixels de différentes tailles. Vous ne pouvez pas vraiment être sûr de la taille d'un pixel par rapport à la taille globale de l'écran.
Les différentes lettres sont de tailles différentes, de sorte que la taille du pixel est une mesure approximative de la largeur et de la hauteur du caractère moyen. Utilisez l'abréviation px pour mesurer les polices en pixels:
p {font-size: 20px;}
Mesures traditionnelles (en cm)
Vous pouvez également utiliser les pouces (en) et les centimètres (cm) pour mesurer polices, mais c'est complètement impraticable. Imaginez que vous ayez une page Web affichée à la fois sur votre écran et sur un système de projection. Un pouce sur votre propre moniteur peut ressembler à dix pouces sur le projecteur. Les unités de mesure réelles ne sont pas significatives pour le Web.
Vous ne pouvez les utiliser que si vous imprimez quelque chose et que vous avez une connaissance complète de la configuration de l'imprimante. Si c'est le cas, il vaut mieux utiliser un outil de mise en page orienté vers l'impression (comme un traitement de texte) plutôt que du HTML.
