CSS - Styliser du texte - TP

Voici un court TP : vous trouverez ci-joint un fichier .zip à télécharger : TP Texte Lorsque vous extrayez le dossier, vous voyez qu’il y a :

  • un fichier index.html ;
  • un fichier style.css situé dans un dossier styles ;
  • un fichier app.js.

En vous basant sur le cours pour styliser du texte, appliquez les règles CSS suivantes :

  • appliquez la police d’écriture Oswald, disponible sur fonts.google.com/, à toute votre page ;
  • appliquez la couleur #FFFFFF (blanche) au texte dans votre bannière (propriété CSS color);
  • appliquez une taille d’écriture de 14px au sous-titre de votre bannière ;
  • faites en sorte que le texte de votre bannière soit centré ;
  • les blockquote doivent avoir la police d’écriture Teko, également disponible sur fonts.google.com/ ;
  • les blockquote doivent avoir une taille d’écriture de 1.25rem ;
  • tous les éléments portant la classe .italic doivent être en italique ;
  • tous les éléments portant la classe weight-600 doivent avoir une graisse de texte de 600 ;
  • tous les titres h1 et h2 se trouvant dans un article doivent être soulignés en rouge.