Praktik i grundlæggende CSS egenskaber

Kopier følgende HTML-kode til din side:

html<h1>Sprog til hjemmesider</h1>

<h2>PHP og JavaScript</h2>
<p>
  Programmeringssprogene <b>PHP</b> og <b>JavaScript</b> gør det muligt
  at gøre en hjemmeside dynamisk, det vil sige reagerende på brugerens handlinger.
  For eksempel kan man lave en smuk drop-down-menu eller en slider.
</p>

<h2>Typer af scripts</h2>
<p>
  Til dette skrives scripts (engelsk <i>script</i> - "scenario") -
  programmer, der gør det muligt at reagere på brugerens handlinger.
  Der findes to typer scripts:
</p>
<ul>
  <li>
    dem, der udføres på serveren,
    og resultatet af deres udførelse kommer til browseren hos
    brugeren allerede i færdig form. Dette er scripts,
    skrevet på sproget <b>PHP</b>. På det skrives
    <b>CMS'er</b> - systemer til indholdsstyring.
  </li>
  <li>
    dem, der udføres direkte i brugerens browser.
    Dette er scripts skrevet på sproget <b>JavaScript</b>.
    De bruges mest til at gøre siden
    mere bekvem og smuk.
  </li>
</ul>
Задание 1

Tilføj CSS-stilarter til denne kode for at opnå følgende: