Défi : Appliquer le Positionnement Relatif
Remarque
Chaque défi de ce cours comprend un exemple de code composé des fichiers
index.html
etindex.css
. Comme le cours se concentre sur l'apprentissage du CSS, il est recommandé de traiter les défis dans le fichierindex.css
. Une fois le défi terminé, cliquez sur le bouton « Exécuter le code » pour afficher la page en direct et vérifier que le défi a été résolu correctement.De plus, chaque défi propose des boutons « Indice » et « Solution ». Cliquer sur le bouton « Indice » affichera des indices pertinents pour la tâche en cours, tandis que le bouton « Solution » révélera l'exemple de code avec la bonne application du CSS.
Tâche
- Ajouter la position
relative
au deuxième élément portant la classeitem
. - Déplacer l'élément de
30px
vers le bas et de50px
vers la gauche.
index.html
index.css
- Déplacement vers le bas en définissant une valeur positive pour la propriété
top
. - Déplacement vers la gauche en définissant une valeur négative pour la propriété
left
.
index.html
index.css
Merci pour vos commentaires !
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
Awesome!
Completion rate improved to 2.04
Défi : Appliquer le Positionnement Relatif
Glissez pour afficher le menu
Remarque
Chaque défi de ce cours comprend un exemple de code composé des fichiers
index.html
etindex.css
. Comme le cours se concentre sur l'apprentissage du CSS, il est recommandé de traiter les défis dans le fichierindex.css
. Une fois le défi terminé, cliquez sur le bouton « Exécuter le code » pour afficher la page en direct et vérifier que le défi a été résolu correctement.De plus, chaque défi propose des boutons « Indice » et « Solution ». Cliquer sur le bouton « Indice » affichera des indices pertinents pour la tâche en cours, tandis que le bouton « Solution » révélera l'exemple de code avec la bonne application du CSS.
Tâche
- Ajouter la position
relative
au deuxième élément portant la classeitem
. - Déplacer l'élément de
30px
vers le bas et de50px
vers la gauche.
index.html
index.css
- Déplacement vers le bas en définissant une valeur positive pour la propriété
top
. - Déplacement vers la gauche en définissant une valeur négative pour la propriété
left
.
index.html
index.css
Merci pour vos commentaires !