Introduction à la conversion EM
Objectifs
Les objectifs de cette vidéo sont de :
- Comprendre l'importance de la conversion des unités EM en valeurs décimales
- Savoir comment appliquer une référence de 10 pixels dans les feuilles de style CSS
- Apprendre à modifier les tailles d'éléments en utilisant des unités EM
Résumé
Découvrez comment transformer les unités EM en valeurs décimales pour une meilleure gestion des tailles dans vos feuilles de style CSS.
Description
Dans cette leçon, nous explorons le processus de conversion des unités EM en valeurs décimales, afin de faciliter la gestion des tailles dans les fichiers CSS. L'unité EM est généralement basée sur la taille d'un paragraphe, souvent de 16 pixels. Nous verrons comment ramener cette unité à une référence de 10 pixels en utilisant un ratio de 62,5%, qui simplifie la conversion. Par exemple, un élément de 14 pixels peut être facilement converti en utilisant une valeur de 1.4 EM lorsque la référence est à 10 pixels.
Nous discuterons également de l'importance d'ajuster la taille de police par défaut dans les éléments parent, tels que le body ou le html, pour garantir une conversion homogène. En définissant le font-size à 62,5% dans le body, toutes les unités EM peuvent être simplifiées en les divisant directement par 10 par rapport aux pixels.
Questions fréquentes
Programme détaillé
Module 1 - Introduction video
Module 2 - Principes généraux
Module 3 - Réaliser une maquette en responsive Design
Module 4 - Maitriser l'intégration en Responsive Design
Module 5 - Le travail des textes
Module 6 - Intégrer des images optimisées
Module 7 - Une réalisation complète
Module 8 - Connaissances complémentaires
Module 9 - Conclusion
