Leçon sur le Modèle de Boîte

Propriétés pour les blocs Le modèle de boite
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre HTML5 et CSS3 / Part 2
Revoir le teaser Je m'abonne
1,0
Transcription

39,90€ Je commande

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

DescriptionProgrammeAvis
1,0
39,90€ Je commande

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

Les objectifs de cette vidéo sont d'apprendre et maîtriser les concepts de modèle de boîte en CSS, d'être capable de gérer les éléments de type bloc, et de savoir ajuster les propriétés telles que width, padding, border et margin pour une meilleure mise en page.

Résumé de la leçon sur le modèle de boîte CSS.

Dans cette leçon, nous explorons le modèle de boîte en CSS. Les éléments de type bloc tels que div, header, p ont des propriétés spécifiques comme la largeur (width), qui définit la largeur du contenu textuel inclus. Autour du contenu, le padding crée un espace supplémentaire avant la bordure (border), qui entoure l'élément. À l'extérieur du border, il y a la margin, une zone toujours transparente. La propriété background colore tout à l'intérieur du border.
Par la suite, nous avons illustré l'utilisation de la propriété width pour définir la largeur de différents éléments comme un div ou un ul. Nous avons montré comment la padding et margin influencent la taille des éléments. Pour le padding, nous avons utilisé une notation simplifiée pour ajouter des marges autour du contenu, tandis que pour les bordures, nous avons spécifié leur style, taille et couleur. Finalement, nous avons appris à gérer les espaces entre les blocs afin de créer une mise en page cohérente.

Voir plus
Questions réponses
Qu'est-ce que la propriété width en CSS?
La propriété width en CSS détermine la largeur du contenu d'un élément de type bloc, sans inclure padding, border et margin.
Comment le padding affecte-t-il la taille totale d'un élément?
Le padding ajoute de l'espace à l'intérieur de l'élément, entre le contenu et la bordure, augmentant ainsi la taille totale de l'élément.
Pourquoi est-il généralement déconseillé de fixer une hauteur pour les éléments de type bloc?
Fixer une hauteur pour les éléments de type bloc peut causer des problèmes si le contenu dépasse la hauteur définie, ce qui perturbe la mise en page.
1 commentaire
1,0
1 vote
5
4
3
2
1
eve.bertieaux
Il y a 2 years
Commentaire
C'est vraiment dommage que lors de la démonstration HTML et CSS soient mélangés, je ne sais plus à un moment donné si c'est dans l'un ou l'autre, du coup je n'ai pas le résultat attendu