Défi : Formater le Texte avec CSS
Tâche
Pour améliorer la présentation visuelle de l’élément h1
, appliquer les styles suivants :
- Ajouter un soulignement.
- Convertir toutes les lettres en majuscules.
- Recentrer horizontalement le texte.
- Définir l’interligne à
2
. - Régler l’espacement des lettres à
2px
. - Augmenter l’espacement entre les mots à
5px
. - Appliquer une ombre au texte avec les valeurs
2px 2px #000000
.
index.html
index.css
text-decoration
: Souligne le texte.text-transform
: Convertit le texte en majuscules.text-align
: Centre le texte horizontalement.line-height
: Définit la hauteur de ligne du texte.letter-spacing
: Augmente l'espacement entre les lettres.word-spacing
: Augmente l'espacement entre les mots.text-shadow
: Ajoute une ombre.
index.html
index.css
Tout était clair ?
Merci pour vos commentaires !
Section 2. Chapitre 3
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
Suggested prompts:
Can you show me how to write the CSS for the h1 element with these styles?
What does the final h1 element look like with all these styles applied?
Can you explain how each CSS property affects the h1 element?
Awesome!
Completion rate improved to 2.56
Défi : Formater le Texte avec CSS
Glissez pour afficher le menu
Tâche
Pour améliorer la présentation visuelle de l’élément h1
, appliquer les styles suivants :
- Ajouter un soulignement.
- Convertir toutes les lettres en majuscules.
- Recentrer horizontalement le texte.
- Définir l’interligne à
2
. - Régler l’espacement des lettres à
2px
. - Augmenter l’espacement entre les mots à
5px
. - Appliquer une ombre au texte avec les valeurs
2px 2px #000000
.
index.html
index.css
text-decoration
: Souligne le texte.text-transform
: Convertit le texte en majuscules.text-align
: Centre le texte horizontalement.line-height
: Définit la hauteur de ligne du texte.letter-spacing
: Augmente l'espacement entre les lettres.word-spacing
: Augmente l'espacement entre les mots.text-shadow
: Ajoute une ombre.
index.html
index.css
Tout était clair ?
Merci pour vos commentaires !
Section 2. Chapitre 3