Introduction video
Principes généraux
Réaliser une maquette en responsive Design
Maitriser l'intégration en Responsive Design
Le travail des textes
Intégrer des images optimisées
Une réalisation complète
Connaissances complémentaires
Conclusion
Détails de la leçon
Description de la leçon
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.
Objectifs de cette leçon
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
Prérequis pour cette leçon
Pour suivre cette vidéo, il est recommandé d'avoir des connaissances de base en HTML et CSS, et de comprendre les unités de mesure en web design.
Métiers concernés
Les connaissances abordées dans cette vidéo sont particulièrement utiles pour les développeurs front-end, les web designers et les intégrateurs HTML/CSS.
Alternatives et ressources
En plus des unités EM, d'autres unités de mesure telles que les rem (root em) et les pixels peuvent être utilisées pour définir les tailles en CSS.
Questions & Réponses
Je m'abonne