Valeur de cette activité : 5 points
Compétence :
22- Défi CSS no 1 : Les balises FIELDSET et LEGEND + Css

A-Module 03 : CSS : 5 points - difficulté : 2

Défi CSS no 1

Description

Dans cette activité, vous devez utiliser les balises html FIELDSET et LEGEND, les balises de formulaire et le code CSS afin de recréer le plus fidèlement possible (cadre vert, alignement des champs, taille du texte, ...) le formulaire ci-dessous :


  1. Ajoutez une page à votre portfolio en affichant les assistant HTML, CSS et FORMULAIRE ainsi que la directive 59224
  2. Inscrivez dans le champ titre : Défi CSS no 1
  3. Sélectionnez la section : MODULE CSS
  4. Sélectionnez la matière : informatique
  5. Inscrivez dans le champ no de la directive : 59224
  6. Inscrivez dans votre page le titre de niveau 1 : Défi CSS no 1
  7. Réalisez le défi présenté :

    Étape 1 : créez le formulaire (voir image ci-dessous) en utilisant obligatoirement les balises FIELDSET et LEGEND

    Étape 2 : Ajoutez ensuite votre feuille de style afin de reproduire le plus fidèlement le formulaire suivant :
  8. Ajoutez ensuite 2 propriétés css de votre choix à deux sélecteurs de votre choix.
  9. Indiquez le nom des propriétés ajoutées/modifiées ainsi que le nom des sélecteurs utilisés.
    Exemple :
    J'ai ajouté la propriété _______________ au sélecteur ______________.
  10. Visualisez votre page et apportez des modifications au besoin.