Cette partie vous permet de comprendre le modèle de boîte en CSS. C'est une notion essentielle pour gérer la taille d'un élément, ses marges, ses bordures et l'espace qu'il occupe réellement dans une page.
Quand on débute, on se demande souvent pourquoi un bloc n'a pas la taille attendue ou pourquoi il déborde. En réalité, beaucoup de réponses se trouvent dans le fonctionnement du modèle de boîte et dans la manière dont le navigateur calcule les dimensions.
En maîtrisant cette catégorie, vous comprendrez beaucoup mieux la mise en page en CSS. Vous pourrez ensuite aborder plus sereinement l'alignement des blocs et les techniques de positionnement.
Cours de la catégorie
- Dimensions et dimensions maximales
- Marges externes et internes
- Bordures
- Box sizing et taille totale
- Le multi colonne
Ressources utiles
Si vous souhaitez aller plus loin, vous pouvez aussi consulter mon blog avec des notions plus avancées, notamment via mes tutoriels HTML et CSS et mes tutoriels WordPress. Vous y trouverez des explications plus poussées pour compléter les cours du site et continuer à progresser.