CATALOGUE Code & Data Formation XHTML/CSS Apprendre CSS 3 Comprendre et Utiliser la Propriété CSS Display

Comprendre et Utiliser la Propriété CSS Display

Elément bloc
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

Les objectifs de cette vidéo sont de:

  • Comprendre les différences entre les éléments block et inline.
  • Apprendre à utiliser la propriété CSS display pour manipuler la présentation des éléments HTML.
  • Découvrir comment cacher des éléments en utilisant display: none.

Cette leçon explique comment utiliser la propriété CSS display pour contrôler la nature des éléments HTML sur une page web, y compris les éléments block et inline.

Dans cette leçon, nous explorerons la propriété CSS display, essentielle pour définir la nature des éléments HTML. Par défaut, les éléments block sont en display: block, occupant toute la largeur disponible, et les éléments inline sont en display: inline, s'adaptant à leur contenu. Vous apprendrez comment changer ces propriétés pour gérer l'affichage des éléments, par exemple en utilisant display: none pour masquer des éléments ou display: block pour transformer des éléments inline en éléments block.

Nous examinerons également comment cette propriété peut affecter la disposition de la page, en modifiant la largeur et l'alignement des éléments. Par exemple, transformer des liens de navigation inline en block pour qu'ils se placent les uns sous les autres et occupent toute la largeur disponible.

Cette compréhension détaillée de la propriété display vous permettra de créer des mises en page web plus flexibles et dynamiques.

Voir plus
Questions réponses
Quelle est la différence entre un élément block et un élément inline?
Un élément block occupe toute la largeur disponible et commence toujours sur une nouvelle ligne, tandis qu'un élément inline occupe uniquement la largeur nécessaire à son contenu.
Comment cacher un élément HTML avec CSS?
On peut cacher un élément HTML en utilisant la propriété CSS display avec la valeur none.
Quel est l'effet de l'application de 'display: block' sur un élément inline?
L'application de 'display: block' sur un élément inline le transforme en élément block, le faisant occuper toute la largeur disponible et forçant un retour à la ligne après lui.

Programme détaillé

4 commentaires
4,5
4 votes
5
4
3
2
1
pierre.hiroux
Il y a 10 mois
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 an
Très bonne formation, étant débutant j'ai beaucoup appris.
yvan.vogel
Il y a 2 ans
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 ans
Cours très clair et très bien expliqué! Par contre il manque la moitié des fichiers de travail !