CATALOGUE Code & Data Formation XHTML/CSS Apprendre CSS 3 Comprendre et Utiliser la Propriété z-index en CSS

Comprendre et Utiliser la Propriété z-index en CSS

Le Z-index
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
Cette leçon fait partie de la formation
89,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,5
Cette leçon fait partie de la formation
89,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Introduction à la Propriété z-index

Objectifs

L'objectif de cette leçon est d'enseigner l'utilisation de la propriété z-index pour gérer l'empilement des éléments HTML de manière efficace et esthétique.

Résumé

Découvrez comment la propriété z-index permet de gérer l'ordre d'empilement des éléments en CSS.

Description

La propriété z-index joue un rôle crucial dans la gestion de l'ordre d'empilement des éléments positionnés en CSS. Cette leçon vous explique en détail la manière de l'utiliser correctement pour manipuler les éléments sur une page web. Elle s'applique uniquement aux éléments dotés d'une déclaration de position, telle que relative ou absolue. Vous apprendrez à attribuer des valeurs de z-index pour superposer les éléments, créant ainsi des effets visuels complexes comme des calques ou des effets de transparence sur les images. Au travers d'exemples pratiques, vous verrez comment attribuer différentes valeurs de z-index pour contrôler quelle portion de contenu apparaît devant ou derrière une autre. Vous découvrirez également l'importance de stratégique de gestion de ces valeurs, en les espaçant par pas de 100 ou 1000 pour plus de flexibilité dans la mise en page.

Voir plus

Questions fréquentes

Qu'est-ce que la propriété z-index en CSS?
La propriété z-index détermine et modifie l'ordre d'empilement des éléments HTML positionnés.
À quels types d'éléments la propriété z-index s'applique-t-elle?
Elle s'applique uniquement aux éléments qui ont une déclaration de position telle que relative ou absolue.
Pourquoi utilise-t-on principalement des valeurs comme 100 ou 1000 pour le z-index?
Utiliser des valeurs espaçant de 100 ou 1000 permet de laisser suffisamment d'espace pour insérer d'autres éléments entre deux z-index définis.

Programme détaillé

4 commentaires
4,5
4 votes
5
4
3
2
1
pierre.hiroux
Il y a 1 an
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 2 ans
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 !