Les effets du padding et de la bordure sur les dimensions des éléments
Objectifs
Les objectifs de cette vidéo sont de :
- Comprendre l'impact du padding et des bordures sur les dimensions des éléments définis par width et height.
- Apprendre à calculer les dimensions totales d'un élément incluant les marges, le padding, et les bordures.
Résumé
Cette leçon explore comment les propriétés margin, padding, et border interagissent avec les propriétés width et height en CSS.
Description
Dans cette leçon, nous allons examiner de manière approfondie comment les propriétés margin, padding, et border influencent les dimensions des éléments lorsque les propriétés width et height leur sont appliquées. Par l'intermédiaire d'exemples pratiques, nous mettrons en évidence pourquoi un bloc défini avec une largeur de 300 pixels pourrait apparaître plus large que prévu quand du padding et des bordures sont ajoutés. Ce tutoriel souligne l'importance de comprendre que les dimensions définies par width et height affectent uniquement la zone de contenu d'un élément, et non sa taille totale. Cela est crucial pour concevoir des mises en page précises et éviter les problèmes de chevauchement ou de bloc non alignés lorsqu'ils sont placés côte à côte dans un conteneur.
Questions fréquentes
Programme détaillé
Module 1 - Introduction
Module 2 - Apprendre XHTML et CSS
Module 3 - Premier contact avec HTML et CSS
Module 4 - Annexe 1: Travailler avec les bons outils
Module 5 - Introduction à la mise en page en CSS
Module 6 - Annexe 2 : Standards et validité
Module 7 - Mise en page d'un design simple
Module 8 - Des menus de navigation en HTML et CSS
Module 9 - Annexe 3 : L'encodage des caractères
Module 10 - Mise en forme du contenu
Module 11 - Annexe 4 : Des gabarits de mise en page pour vos projets
Module 12 - Mise en forme d'un contenu
Module 13 - Conclusion
Je me perds toujours dans les marges, les paddings et les positionnements!
Beaucoup de petites astuces, bienvenues.
Gros défaut: tous les écrans sont flous, et le son est exécrable.