Spécification de la taille avec des unités de mesure relatives pour la programmation HTML5 et CSS3 - nuls

Mesure relative est beaucoup plus sage choix que la mesure absolue dans le développement web HTML5 et CSS3. Vous pouvez utiliser ces schémas pour modifier les tailles en fonction de la taille standard.

Tailles nommées

CSS possède un certain nombre de noms de caractères:

xx-small

x-small

petit

medium

grand

x-large < xx-large

Cela peut vous déranger que ces tailles ne soient pas plus spécifiques: Quelle est la taille de la taille? Eh bien, c'est plus grand que moyen. Cela ressemble à une réponse flip, mais c'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 doivent être en relation avec cette taille prédéfinie. La taille moyenne est la taille par défaut du texte de paragraphe 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% pour que la taille d'une police soit la moitié de la taille normale et 200% pour qu'elle soit deux fois supérieure à la taille normale. Utilisez le symbole% pour indiquer le pourcentage, comme illustré ici:

p {font-size: 150%;}

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

Em (em)

Dans la composition traditionnelle, em est une unité de mesure équivalente à la largeur du caractère "m" dans cette police. Dans l'utilisation réelle du Web, c'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 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 de la police:

Ne changez pas de taille sans une bonne raison.

• La plupart du temps, les tailles par défaut du navigateur sont parfaites, mais il peut arriver que vous souhaitiez ajuster un peu plus les polices. Définir une taille globale pour la page.

• Si vous voulez définir une taille de police pour la page entière, faites-le dans la balise. Utilisez une taille, un pourcentage ou des ems nommés pour éviter les effets secondaires du dimensionnement absolu. La taille définie dans le corps est automatiquement appliquée à tous les éléments du corps. Modifier tous les autres éléments.

• Vous pourriez vouloir que vos liens soient un peu plus gros qu'un texte ordinaire, par exemple. Vous pouvez le faire en appliquant un attribut de taille de police à un élément. Utilisez une mesure relative si possible.