CATALOGUE Code & Data Formation XHTML/CSS Apprendre CSS 3 Comprendre le Positionnement Relatif et Absolu en CSS

Comprendre le Positionnement Relatif et Absolu en CSS

La position relative
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

À la fin de cette vidéo, vous serez capable de :
- Différencier le positionnement relatif et absolu.
- Utiliser les propriétés CSS pour ajuster la position des éléments.
- Appliquer ces connaissances pour améliorer la mise en page de vos projets web.

Cette leçon introduit les concepts de positionnement relatif et absolu en CSS, essentiels pour contrôler le flux des éléments dans une page web.

Le positionnement relatif et absolu en CSS est un aspect crucial de la mise en page des sites web modernes. Dans cette leçon, nous explorerons comment chaque type de positionnement affecte le flux des éléments et leur comportement visuel. En utilisant des exemples pratiques, tels qu'un article avec une image et plusieurs paragraphes, nous examinerons les différences entre les valeurs de positionnement par défaut, relatif, absolu et fixe. Nous apprendrons également à utiliser les propriétés CSS associées comme top, right, bottom et left pour ajuster précisément la position des éléments. La valeur par défaut statique est notamment comparée à la valeur relative qui introduit des décalages tout en maintenant l'élément dans le flux, tandis que les valeurs absolue et fixe déplacent les éléments hors du flux. Comprendre ces distinctions est essentiel pour tous ceux qui souhaitent affiner leurs compétences en développement web.

Voir plus
Questions réponses
Qu'est-ce que la valeur de positionnement par défaut en CSS?
La valeur de positionnement par défaut en CSS est statique, ce qui signifie que l'élément est positionné selon le flux normal de la page.
Comment la propriété 'top' fonctionne-t-elle avec la position relative?
Avec une position relative, la propriété 'top' déplace l'élément vers le bas ou le haut par rapport à sa position initiale dans le flux.
Quelle est la différence principale entre position absolue et fixe?
La position absolue déplace un élément hors du flux par rapport à l'élément conteneur le plus proche positionné, tandis que la position fixe le positionne par rapport à la fenêtre de visualisation.

Programme détaillé

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