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

Mesure relative est un choix beaucoup plus sage que la mesure absolue dans le développement web HTML5 et CSS3. Vous pouvez utiliser ces programmes pour changer la taille par rapport à la taille standard.

Sommaire

Tailles nommés

CSS a un certain nombre de noms de polices de taille construit en:

xx-small

x-small

petit

moyen




grand

x-large

xx-large

Il peut vous dérange qu'il n'y a rien de plus précis sur ces tailles: Quelle est la taille est grande? Eh bien, il est plus grand que moyen. Cela sonne comme une réponse de la médaille, mais il est la vérité. L'utilisateur définit la taille de police par défaut dans le navigateur, et toutes les autres tailles de police devrait être en rapport avec cette taille prédéfinie. La taille moyenne est la taille du texte de paragraphe par défaut sur votre page.

Pourcentage (%)

L'unité de pourcentage est une mesure relative utilisée pour spécifier la police par rapport à sa taille normale. Utilisez 50% de faire un demi la taille de la police, il semblerait normalement et 200% pour le faire deux fois la taille normale. Utilisez le symbole% pour indiquer le pourcentage, comme indiqué ici:

p {font-size: 150% -}

Les pourcentages sont basés sur la taille par défaut du texte ordinaire, si une étiquette à 100% est la même taille que le texte dans un paragraphe ordinaire.

Em (em)

Dans la composition traditionnelle, l'em est une unité de mesure équivalente à la largeur de la “ m ” en ce que la police de caractère. Dans l'utilisation du Web réelle, il est vraiment une autre façon de spécifier la taille relative d'une police. Par exemple, 0,5 EMS est la moitié de la taille normale, et 3 EMS est de trois fois la taille normale. Le terme est utilisé pour spécifier cette mesure.

p {font-size: 1.5em-}

Voici les meilleures stratégies pour la taille:

  • Ne pas changer la taille sans une bonne raison. La plupart du temps, les tailles navigateur par défaut sont parfaitement bien, mais il peut y avoir des moments où vous voulez régler polices un peu plus.

  • Définir une taille globale de la page. Si vous souhaitez définir une taille de police pour la page entière, le faire dans le tag. Utilisez un nom de taille, pourcentage, ou ems pour éviter les effets secondaires de dimensionnement absolue. La taille définie dans le corps est appliqué à chaque élément dans le corps automatiquement.

  • Modifiez les autres éléments. Vous voudrez peut-être vos liens un peu plus grand que le texte ordinaire, par exemple. Vous pouvez le faire en appliquant une taille de police attribuer à un élément. Utilisez mesure relative si possible.


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