Comment définir la taille des unités de mesure absolue pour HTML5 et CSS3 programmation

Plusieurs fois, vous avez besoin de spécifier la taille de quelque chose dans CSS3. Bien sûr, la taille est un de ces cas. Les différents types de mesure ont des conséquences différentes. Il est important de savoir qu'il ya deux types distincts d'unités en CSS.

Sommaire

Les mesures absolues tenter de décrire une taille particulière, comme dans le monde réel. Les mesures relatives sont des changements à une valeur par défaut. Généralement, les développeurs Web se dirigent vers mesure relative pour les tailles de police.

Points (pt)

Dans le traitement de texte, vous êtes probablement familier avec points comme une mesure de la taille. Vous pouvez utiliser l'abréviation pt pour indiquer que vous êtes de mesure en points, par exemple:




p {font-size: 12pt-}

Malheureusement, les points ne sont pas une unité de mesure efficace de pages web. Les points sont une échelle absolue, utile pour l'impression, mais ils ne sont pas fiables sur le web parce que vous ne savez pas ce que la résolution de l'écran de l'utilisateur. Une police de 12 points pourrait ressembler plus ou moins grande sur différents moniteurs.

Dans certaines versions d'IE, après que vous spécifiez une taille de police en points, l'utilisateur ne peut plus modifier la taille des caractères. Cette situation est inacceptable du point de vue de la facilité d'utilisation. Les régimes de taille relative de prévenir ce problème.

Pixels (px)

Pixels reportez-vous aux petits points sur l'écran. Vous pouvez spécifier une taille de police en pixels, bien que ce soit pas la façon dont il est fait habituellement. Pour une chose, différents moniteurs font pixels dans différentes tailles. Vous ne pouvez pas vraiment être sûr de la taille d'un pixel sera en relation à la taille globale de l'écran.

Différentes lettres sont de tailles différentes, de sorte que la taille du pixel est une mesure approximative de la largeur et la hauteur du caractère moyenne. Utilisez le px abréviation pour mesurer les polices en pixels:

p {font-size: 20px;}

Les mesures classiques (po, cm)

Vous pouvez également utiliser pouces (dans) Et centimètres (cm) Pour mesurer les polices, mais cela est totalement impraticable. Imaginez que vous avez une page Web affichée à la fois sur votre écran et un système de projection. Un pouce sur votre propre moniteur peut ressembler à dix pouces sur le projecteur. La vie réelle des unités de mesure ne sont pas significatifs pour le web.

Le seul moment où vous pourriez les utiliser est de savoir si vous serez imprimez quelque chose et que vous avez une connaissance complète de la façon dont l'imprimante est configurée. Si tel est le cas, vous êtes mieux d'utiliser un outil de mise en page orientée impression (comme un traitement de texte) plutôt que HTML.


» » » » Comment définir la taille des unités de mesure absolue pour HTML5 et CSS3 programmation