- Récupérer le dossier compressé dustyle-depart.zip et le décompresser.
- Ouvrir le dossier
dustyle-departdansVSCode.
- Visiter la page de l'exercice
- Ouvrir le fichier
casque.htmldansVSCode. - Ouvrir également le fichier dans le fureteur afin de visualiser les changements.
- Dans la balise ouvrante
<body>, ajouter l'attribut style avec la valeur suivante :font-family:queen_country; background-image:url(images/papier.jpg); - Tester la page.
- Dans la page de l'exercice, placer la souris sur certains éléments, et une bulle apparaîtra. La bulle contient les propriétés à ajouter à l'élément concerné.
- Appliquer les styles aux balises correspondantes dans votre fichier.
- La plupart du temps, on doit copier et coller le style d'un élément vers le suivant.
- Parfois, on doit enlever une propriété. Elle est alors indiquée en rouge.
- Visiter la page de l'exercice
- Ouvrir le fichier
bonbon.htmldansVSCode. - Ouvrir également le fichier dans le fureteur afin de visualiser les changements.
- Dans la balise ouvrante
<body>, ajouter l'attribut style avec la valeur suivante :background-image: url(images/agrumes.png); font-family: candela;font-size: 20px; - Tester la page.
- Dans la page de l'exercice, placer la souris sur certains éléments, et une bulle apparaîtra. La bulle contient les propriétés à ajouter à l'élément concerné.
- Appliquer les styles aux balises correspondantes dans votre fichier.
- Parfois, on doit enlever une propriété. Elle est alors indiquée en rouge.
Vous pouvez télécharger la solution complète ici : dustyle-solution.zip