L'objectif de ce cours est d'étudier le positionnement des blocs. Grâce à ce site vous aurez la possibilité de comprendre comment on positionne les éléments en CSS et ainsi par la suite créer votre propre page Internet !!!! Chaque schéma de positionnement à ses règles et spécificités. Mieux vaut bien comprendre ces règles pour éviter des interactions ou des comportements non sollicités... et déclarer que les CSS ne fonctionnent pas ! :)
Auparavant, pour la mise en forme des pages internet, on utilisait des tableaux. Cette méthode est maintenant obsolète. Tous les éléments (balises) HTML peuvent être positionnés, décorés, dimensionnés... grâce aux feuilles de styles CSS. Cela signifie que les CSS ne s'appliquent pas qu'aux éléments <div> contrairement à certaines idées reçues : une image (<img>), une liste (<ul>), un paragraphe (<p>), etc. peuvent être stylés en CSS sans avoir besoin d'être contenus dans un élément <div>.
Il existe plusieurs schémas de positionnement en CSS : un schéma de positionnement dans le flux (positionnement par défaut), et trois schémas de positionnement qui sortent l'élvment du Flux (positionnement absolu, positionnement fixé et positionnement flottant). Un dernier "positionnement" (relatif) est en fait une variante du positionnement courant qui provoque un décalage. Nous étudierons dans la partie cours ces schémas. Puis une fois le cours assimilé vous pourrez vous évaluer grâce aux exercices d'entrainement.