Úloha

Zadání (kontext úlohy)

Napiš CSS pravidla, která využívají různé typy selektorů:

  • selektor pro element (např. p),

  • selektor pro třídu (např. .highlight),

  • selektor pro ID (např. #main),

  • univerzální selektor *,

  • kombinovaný selektor (např. div p).

Cíl úlohy

Upevníš si znalost syntaxe CSS a naučíš se rozlišovat jednotlivé typy selektorů.

Vstupní podmínky

  • Máš připravený HTML dokument, který obsahuje:

    • několik základních elementů (např. <div>, <p>, <h1>),

    • u některých prvků jsou již přiřazené atributy id a class.

  • K dispozici máš soubor styles.css, do kterého budeš zapisovat CSS pravidla.

Požadovaný výstup

  • Stylopis (styles.css) obsahující alespoň 5 různých typů selektorů.

  • Každý selektor musí ovlivnit viditelný výstup stránky (např. barvu textu, velikost písma, okraje apod.).

Soubory

Odkaz na css soubor
Odkaz na html soubor