Pratique sur les propriétés CSS de base

Copiez le code HTML suivant sur votre page :

html<h1>Langages pour les sites web</h1>

<h2>PHP et JavaScript</h2>
<p>
  Les langages de programmation <b>PHP</b> et <b>JavaScript</b> permettent
  de rendre un site dynamique, c'est-à-dire réagissant aux actions de l'utilisateur.
  Par exemple, on peut créer un beau menu déroulant ou un diaporama.
</p>

<h2>Types de scripts</h2>
<p>
  Pour cela, on écrit des scripts (angl. <i>script</i> - "scénario") -
  des programmes permettant de réagir aux actions de l'utilisateur.
  Il existe deux types de scripts :
</p>
<ul>
  <li>
    ceux qui sont exécutés sur le serveur,
    et dont le résultat arrive dans le navigateur de
    l'utilisateur déjà sous forme finie. Ce sont les scripts
    écrits en langage <b>PHP</b>. C'est avec lui qu'on écrit
    les <b>CMS</b> - systèmes de gestion de contenu.
  </li>
  <li>
    ceux qui sont exécutés directement dans le navigateur de l'utilisateur.
    Ce sont les scripts écrits en langage <b>JavaScript</b>.
    Ils sont le plus souvent utilisés pour rendre la page
    plus pratique et plus belle.
  </li>
</ul>
Задание 1

Ajoutez à ce code des styles CSS pour obtenir le résultat suivant :