$ 8.00

Tuto Les positions CSS : Absolute, Relative, Fixed, et Static avec CSS

$ 8.00

  • Une formation vidéo de 1h04m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Dans ce tuto vidéo, je vous propose de découvrir les positions CSS : absolute, relative, fixed, et static que toute personne qui souhaite faire de l'intégration doit connaître et maîtriser, puisqu'on les retrouve dans toutes les intégrations HTML / CSS.

Au programme de ce tuto dédié aux positions CSS

Le tuto se divise en deux chapitres : un premier dans lequel vous découvrirez le fonctionnement de ces différentes positions, et un second, réservé à la pratique dans des mises en situations concrètes. Au cours d'une série d'exercices, nous verrons qu'elles peuvent nous servir à :

  • fixer des éléments sur le viewport (navigation fixe, boutons de réseaux sociaux)
  • superposer des éléments
  • l'intégration de petits éléments graphiques en utilisant les pseudo éléments :before et :after (décorations sur des titres, icônes sous des liens ..)
  • faciliter l'intégration de manière globale quand elles sont bien utilisées

Le responsive est bien sur prit en compte dans ce tuto, et nous verrons comment gérer le positionnement des éléments sur toutes les résolutions
À la fin de ce tuto vous saurez : non seulement reproduire les exemples présentés, mais aussi vous servir de ces positions lors de toutes vos futures intégrations.

Je reste disponible dans le salon d'entraide pour répondre à vos questions.
 

Table des matières de cette formation CSS (durée : 1h04m)

  • Introduction : comprendre comment fonctionne les positions
    • Les positions absolute et relative 00:11:15
    • La position fixed 00:03:38
    • La position static 00:02:27
  • Exercices
    • Positions absolute et relative : superposition d'éléments 1/2 00:06:51
    • Positions absolute et relative : superposition d'éléments 2/2 00:11:04
    • Positions absolute et relative : intégration d'éléments graphique 1/3 00:04:46
    • Positions absolute et relative : intégration d'éléments graphique 2/3 00:03:09
    • Positions absolute et relative : intégration d'éléments graphique 3/3 00:05:20
    • Positions absolute et relative : création d'une liste avec des icônes 00:06:03
    • Position fixed : Fixer une navigation 00:05:49
    • Exemple d'utilisation de la position static 00:03:56



Formateur : Sébastien Imbert

Sébastien Imbert a publié 23 tutoriels et obtenu une note moyenne de 5,0/5 sur 5 546 tutoriels vendus. Voir les autres formations de Sébastien Imbert

5,0
note moyenne

21
avis laissés
5 étoiles
21
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de ramses34 laissé le 09/12/2018
    Super tuto ! j'avais du mal à savoir quand mettre les positions absolute ou relative et grâce à ce tuto j'ai bien intégré le principe ! les exemples très concret mon beaucoup aidé. J'aime beaucoup ce formateur ! je suis plusieurs de ces tutos avec toujours autant d'enthousiasme !

  • 5
    avis de red711 laissé le 29/11/2018
    Parfait, le tuto aborde plusieurs notions, les explications sont très claires et vont droit au but. Je mets l'auteur en favori, et j'attaque la suite de ses tutos de ce pas.

  • 5
    avis de valerie-a77 laissé le 22/09/2018
    Un cours parfait qui enlève toutes les ombres du positionnement. Je suis toujours aussi satisfaite de vos tutos qui sont bien expliqués et sans précipitation. Un vrai plaisir. Et je mets beaucoup de commentaires dans mes CSS pour mieux retenir. Reste plus qu'à appliquer tout ça pour ne pas l'oublier. Merci Sébastien. Et je me suis abonnée à votre Youtube :-)

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    CSS 3
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1172 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données