Praxis zu grundlegenden CSS-Eigenschaften

Kopieren Sie den folgenden HTML-Code auf Ihre Seite:

<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>

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