Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Défi : Formater le Texte avec CSS | Mise en Forme du Texte en CSS
Fondamentaux De CSS

bookDé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.html

index.css

index.css

copy
  • 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.html

index.css

index.css

copy

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 3

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

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

bookDé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.html

index.css

index.css

copy
  • 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.html

index.css

index.css

copy

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 3
some-alt