🎨 CSS: Kaskádové styly (Cascading Style Sheets)
Zatímco jazyk HTML tvoří pevnou kostru a dává obsahu sémantický význam, CSS se stará o to, jak tento obsah vypadá. Pomocí kaskádových stylů tak vdechnete webu život: nastavíte barvy, velikosti písma, animace a celý layout (rozložení stránky pro mobily i počítače).
Obsah této sekce
- Základy, koncepce a selektory
- Kde se styly vůbec berou? Jak vybrat správný kus HTML kódu pomocí id, tečky nebo rodiče. Princip kaskády.
- Box Model, barvy a jednotky
- Nejdůležitější kapitola pro pochopení marginů, paddingů a záludností šířky na straně.
- Layout a pozicování (Flexbox vs. Grid)
- Jak donutit dva prvky být vedle sebe, jak věci centrovat a vysvětlení moderního standardu flexbox.
- Úvod do UI/UX a Responzivita
- Že to umíme napsat, neznamená, že se to dá číst. Best practices z pohledu designu, typografie a mobilní verze.
Praktická cvičení k procvičení jsou vždy na konci každé jednotlivé kapitoly.