Úloha 5 – Refaktoring a optimalizace CSS pravidel
Ú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.csss 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ě