Praxis zu grundlegenden CSS-Eigenschaften

Kopieren Sie den folgenden HTML-Code auf Ihre Seite:

html<h1>Sprachen für Webseiten</h1>

<h2>PHP und JavaScript</h2>
<p>
  Die Programmiersprachen <b>PHP</b> und <b>JavaScript</b> ermöglichen es,
  eine Webseite dynamisch zu gestalten, das heißt, auf Benutzeraktionen zu reagieren.
  Zum Beispiel kann man eine schöne Dropdown-Menü oder einen Slider erstellen.
</p>

<h2>Arten von Skripten</h2>
<p>
  Dafür werden Skripte (engl. <i>script</i> - "Skript") geschrieben -
  Programme, die es erlauben, auf Benutzeraktionen zu reagieren.
  Skripte gibt es in zwei Arten:
</p>
<ul>
  <li>
    Solche, die auf dem Server ausgeführt werden,
    und das Ergebnis ihrer Ausführung kommt zum Browser des
    Benutzers bereits in fertiger Form an. Das sind Skripte,
    die in der Sprache <b>PHP</b> geschrieben sind. In ihr werden
    <b>CMS</b> – Content-Management-Systeme geschrieben.
  </li>
  <li>
    Solche, die direkt im Browser des Benutzers ausgeführt werden.
    Das sind Skripte, die in der Sprache <b>JavaScript</b> geschrieben sind.
    Sie werden am häufigsten verwendet, um die Seite
    benutzerfreundlicher und schöner zu gestalten.
  </li>
</ul>
Задание 1

Fügen Sie diesem Code CSS-Stile hinzu, um folgendes Ergebnis zu erhalten: