CATALOGUE Code & Data Formation XHTML/CSS Apprendre CSS 3 Comprendre le calcul de la largeur des boîtes en CSS

Comprendre le calcul de la largeur des boîtes en CSS

Le contenu, le fond de couleur et le padding
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre CSS 3
Revoir le teaser Je m'abonne
4,5
Transcription

89,00€ Je commande

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

DescriptionProgrammeAvis
4,5
89,00€ Je commande

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

L'objectif de cette vidéo est de permettre aux utilisateurs de :

  • Comprendre comment le navigateur calcule la largeur des boîtes en CSS.
  • Maîtriser les concepts de padding et margin.
  • Apprendre à utiliser les notations condensées pour définir les marges internes.

Cette leçon explique comment le navigateur calcule la largeur des boîtes en CSS et détaille les propriétés des marges internes et externes.

Afin de manipuler efficacement les propriétés CSS, il est essentiel de comprendre comment le navigateur évalue la dimension des boîtes. La leçon met en lumière les concepts des marges internes (padding) et externes (margin), ainsi que les bordures.

Les marges internes, ou padding, sont illustrées par plusieurs exemples de syntaxe. Que ce soit en spécifiant chaque côté individuellement ou en utilisant une notation condensée, le padding permet de définir un espace entre le contenu de la boîte et sa bordure. De son côté, la marge externe, ou margin, modifie l'espace entre les boîtes elles-mêmes.

La compréhension de ces concepts s'applique principalement aux éléments de type bloc, bien que certaines exceptions comme les images puissent exister. Par défaut, les navigateurs ajoutent déjà des marges internes et externes sur des éléments HTML standards, sauf pour les <div> qui sont des éléments neutres.

Voir plus
Questions réponses
Quelle est la différence entre le padding et la margin en CSS ?
Le padding ajoute de l'espace à l'intérieur de la boîte entre le contenu et les bordures, tandis que la margin ajoute de l'espace à l'extérieur de la boîte, affectant la distance entre les différentes boîtes.
Quels types d'éléments sont principalement concernés par les marges en CSS ?
Les éléments de type bloc sont principalement concernés par les marges en CSS, bien que certaines exceptions existent, comme les images.
Comment définir un padding de manière condensée pour une boîte en CSS ?
On peut définir un padding de manière condensée en indiquant des valeurs pour le haut, la droite, le bas et la gauche dans cet ordre, par exemple : padding: 20px 30px 20px 30px;

Programme détaillé

4 commentaires
4,5
4 votes
5
4
3
2
1
pierre.hiroux
Il y a 6 months
Commentaire
La formation est divisée en 90 modules sans lien entre eux et sans progression pédagogique. Il faut les réorganiser par thème pour donner plus de cohérence et donner de la progression pédagogique à la formation. Multiples fautes d'orthographe dans les textes.
henridjithat
Il y a 1 year
Commentaire
Très bonne formation, étant débutant j'ai beaucoup appris.
yvan.vogel
Il y a 2 years
Commentaire
J'en suis arrivé au bout.. Un vrai marathon. Très longue formation, à mon avis c'est plutôt 30h de cours et non pas 15h.
Après c'est une formation hyper claire et détaillée. L'auteur a fait un panorama complêt sur le CSS3.
g.vanleynseele
Il y a 4 years
Commentaire
Cours très clair et très bien expliqué! Par contre il manque la moitié des fichiers de travail !