Mastering CSS Positioning

Quels sont les principaux types de positionnement CSS ?

• en ligne, bloc, flex, grille

• statique, relatif, absolu, fixe

Comment la position statique et la position relative diffèrent-elles ?

• La position relative n'affecte pas la position d'origine de l'élément.

• La position statique ne change pas la position de l'élément, tandis que la position relative permet un ajustement basé sur sa position d'origine.

Que se passe-t-il lorsqu'un élément avec un positionnement relatif change de position ?

• L'élément chevauche d'autres sans changer la mise en page.

• L'élément se déplace par rapport à sa position d'origine sans affecter les autres.

Expliquez le positionnement absolu en CSS.

• Il permet de placer un élément à des coordonnées spécifiques par rapport à son ancêtre positionné le plus proche.

• Il fait flotter les éléments à gauche.

Un élément positionné absolument peut-il affecter la mise en page de son parent ?

• Non, cela n'affecte pas la mise en page.

• Il peut changer la taille du parent.

Quels sont les cas d'utilisation courants pour le positionnement fixe dans le design web ?

• Effets de survol sur les boutons

• Barres de navigation collantes et boutons d'action flottants.

Que se passe-t-il avec un élément à position fixe lorsque la page est défilée ?

• Il se déplace avec la page.

• Il reste au même endroit sur l'écran.

Quand utiliseriez-vous le positionnement collant ?

• Pour des en-têtes fixes qui restent en place.

• Lorsque un élément doit rester collé à une position dans la fenêtre lors du défilement.

Quel est le type de positionnement par défaut pour les éléments HTML ?

• statique

• absolu

Un élément positionné relativement peut-il avoir des enfants positionnés absolument ?

• Les éléments positionnés relativement ne peuvent pas avoir d'enfants.

• Oui, un élément positionné relativement peut avoir des enfants positionnés absolument.