Comprendre et Utiliser l'Unité EM en CSS

Comprendre l'unité em
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre le Responsive Design
Revoir le teaser Je m'abonne
Transcription

59,90€ 35,94€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis

59,90€ 35,94€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

À la fin de cette vidéo, vous serez en mesure de :

  • Comprendre ce que sont les unités EM et comment elles fonctionnent
  • Appliquer des tailles de fonte en EM de manière efficace
  • Éviter les erreurs courantes lors de l'utilisation des unités EM

Cette leçon couvre la compréhension et l'application de l'unité EM pour les tailles de police en CSS. Apprenez comment les EMs permettent de créer des designs responsives.

Dans cette leçon, vous apprendrez à comprendre et à utiliser les unités EM dans vos feuilles de style CSS. L'unité EM est relative à la taille de police de l'élément parent, ce qui permet des tailles de texte flexibles et adaptatives. Nous expliquerons comment définir la taille d’un paragraphe à 1.5 EM, ce qui le rendrait 1.5 fois plus grand que la taille de référence. Nous démontrerons également l’impact de l’application de tailles de police en EM sur des éléments enfants, en particulier un élément <strong>, et les erreurs courantes à éviter, comme ne pas appliquer des tailles génériques aux sélecteurs globaux tels que <body>. La leçon vous aidera à mieux maîtriser les bonnes pratiques pour éviter les pièges et produire des pages web bien stylisées.

Voir plus
Questions réponses
Qu'est-ce que l'unité EM en CSS ?
L'unité EM en CSS est une unité de mesure relative à la taille de la police de l'élément parent. Elle permet de créer des tailles de texte flexible et adaptative selon le contexte.
Pourquoi vaut-il mieux éviter de spécifier des tailles en EM à des éléments globaux comme le body ?
Spécifier des tailles en EM à des éléments globaux comme le body peut entraîner une augmentation injustifiée de la taille de tous les éléments enfants, les rendant disproportionnés.
Que se passe-t-il si vous appliquez un font-size de 1.6 EM à un élément strong qui est déjà dans un parent avec une taille de police de 1.5 EM ?
L'élément strong aura une taille qui sera 1.6 fois plus grande que son élément parent, lequel a déjà une taille agrandie de 1.5 EM, ce qui amplifie l'effet.

Programme détaillé