Laboratoire 3: CSS

Exercice 1:

  1. Créer un document HTML simple avec un titre, un paragraphe et une image. Ajouter un style CSS pour modifier la couleur de fond de la page.
  2. Modifier la page précédente pour y ajouter un paragraphe ainsi qu'un style CSS pour modifier la couleur et la police du texte dans le paragraphe de texte.
  3. Modifier la page précédente pour y ajouter une liste à puces avec plusieurs éléments. Ajouter un style CSS pour modifier la couleur et la taille de la puce.
  4. Modifier la page précédente pour y ajouter un style CSS pour modifier la couleur et la taille des liens hypertextes. Ajouter également un style CSS pour modifier la couleur de fond du texte d'un bouton.

Exercice 2:

Créer un menu de navigation animé avec des transitions CSS. Ajouter des styles pour changer la couleur et la forme des éléments de menu lorsqu'ils sont survolés ou cliqués.

Exercice 3:

Utiliser des styles CSS pour créer un formulaire de contact avec des champs de texte, des boutons et des messages de validation. Ajouter des styles pour rendre le formulaire plus convivial et esthétique.

Votre formulaire devrait avoir une allure visuelle semblable à celle-ci: