Úloha

Zadání (kontext úlohy)

Analyzuj následující fragment CSS kódu a proveď jeho refaktoring:

Cíl úlohy

Procvičíš si schopnost identifikovat redundantní zápisy a přepsat kód tak, aby byl udržitelnější, přehlednější a snadněji spravovatelný.

Vstupní podmínky

  • Obdržíš soubor styles.css s níže uvedeným duplicitním/nevhodně zapsaným CSS fragmentem a jednoduchý HTML dokument, který obsahuje prvky <h1>, <h2>, <p> a <div>.

  • Nesmíš měnit HTML, upravuješ pouze CSS ve styles.css.

  • K práci máš běžný editor kódu; validaci a náhled provedeš otevřením HTML v prohlížeči.

Požadovaný výstup

  • Použiješ seskupené selektory (např. h1, h2, p { … }).

  • Využiješ zkrácený zápis vlastností (např. margin: 10px;).

  • Zachováš přehledné formátování a doplníš komentáře pro lepší čitelnost.

CSS fragment k úpravě

Soubory

Odkaz na css soubor
Odkaz na html soubor