Praxe na základní CSS vlastnosti

Zkopírujte si následující HTML kód na svou stránku:

html<h1>Jazyky pro weby</h1>

<h2>PHP a JavaScript</h2>
<p>
  Programovací jazyky <b>PHP</b> a <b>JavaScript</b> umožňují
  vytvořit dynamický web, to znamená reagující na akce uživatele.
  Například lze vytvořit hezké rozbalovací menu nebo posuvník.
</p>

<h2>Druhy skriptů</h2>
<p>
  Pro tento účel se píší skripty (angl. <i>script</i> - "scénář") -
  programy, které umožňují reagovat na akce uživatele.
  Skripty jsou dvou druhů:
</p>
<ul>
  <li>
    ty, které se vykonávají na serveru,
    a výsledek jejich vykonání přichází do prohlížeče
    uživatele již v hotové podobě. To jsou skripty
    napsané v jazyce <b>PHP</b>. V něm se píší
    <b>CMS</b> – systémy pro správu obsahu.
  </li>
  <li>
    ty, které se vykonávají přímo v prohlížeči uživatele.
    To jsou skripty napsané v jazyce <b>JavaScript</b>.
    Nejčastěji se používají k tomu, aby byla stránka
    pohodlnější a hezčí.
  </li>
</ul>
Задание 1

Přidejte k tomuto kódu CSS styly, aby vzniklo následující: