Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Défi : Appliquez Vos Premiers Styles CSS | Premiers Pas Avec CSS
Fondamentaux De CSS

bookDéfi : Appliquez Vos Premiers Styles CSS

Note
Note

Tous les défis incluent un exemple de code avec les fichiers index.html et index.css. Comme le cours est axé sur l'apprentissage du CSS, veuillez résoudre les défis dans le fichier index.css. Après avoir terminé un défi, cliquez sur le bouton « Run Code » pour afficher la page en direct et vérifier que le défi a été correctement résolu.

De plus, chaque défi propose des boutons « Hint » et « Solution ». Cliquer sur le bouton « Hint » affichera des indices 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

Un site web comporte deux sections, chacune contenant un titre (h2) et une description (p).

Sélectionner tous les paragraphes (éléments p) du site web et appliquer la propriété color avec la valeur orange.

index.html

index.html

index.css

index.css

copy

Utiliser le sélecteur de balise p pour sélectionner tous les paragraphes.

index.html

index.html

index.css

index.css

copy
Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 1. Chapitre 4

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:

How do I write the CSS rule to select all `p` elements?

Can you show me where to add the CSS code?

What will happen if I use a class selector instead of a tag selector?

bookDéfi : Appliquez Vos Premiers Styles CSS

Glissez pour afficher le menu

Note
Note

Tous les défis incluent un exemple de code avec les fichiers index.html et index.css. Comme le cours est axé sur l'apprentissage du CSS, veuillez résoudre les défis dans le fichier index.css. Après avoir terminé un défi, cliquez sur le bouton « Run Code » pour afficher la page en direct et vérifier que le défi a été correctement résolu.

De plus, chaque défi propose des boutons « Hint » et « Solution ». Cliquer sur le bouton « Hint » affichera des indices 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

Un site web comporte deux sections, chacune contenant un titre (h2) et une description (p).

Sélectionner tous les paragraphes (éléments p) du site web et appliquer la propriété color avec la valeur orange.

index.html

index.html

index.css

index.css

copy

Utiliser le sélecteur de balise p pour sélectionner tous les paragraphes.

index.html

index.html

index.css

index.css

copy
Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 1. Chapitre 4
some-alt