2.CSS

Co je CSS?

CSS (Cascading Style Sheets) je jazyk pro popis vzhledu webových stránek, umožňuje upravovat barvy, písma, rozvržení a vizuální aspekty HTML prvků.

Jaké jsou způsoby použití CSS?

Inline (přímo v elementu), interní (v <style>), externí (samostatný .css soubor).

Jak vypadá základní syntaxe CSS?

selektor { vlastnost: hodnota; vlastnost2: hodnota2; }

Co je selektor v CSS?

Určuje, na které HTML prvky se mají CSS pravidla aplikovat (např. element, třída, ID).

Jaké jsou základní selektory?

Element (p), třída (.trida), ID (#id), všechny prvky (*), skupina prvků (p, h1).

Co je box model?

Každý prvek je box složený z content (obsah), padding (vnitřní odsazení), border (okraj), margin (vnější mezera).

Jak nastavíme barvu textu a pozadí?

color: red; background-color: blue; background-image: url(…);

Jak nastavíme písmo a text?

font-family, font-size, font-weight, text-align, text-decoration, line-height, letter-spacing.

Co je display a jeho hodnoty?

Určuje typ zobrazení prvku: block, inline, inline-block, none.

Co je Flexbox a k čemu slouží?

display: flex; slouží pro flexibilní rozvržení prvků, používají se justify-content a align-items.

Co je Grid a k čemu slouží?

display: grid; slouží pro rozvržení do řádků a sloupců, používají se grid-template-columns a grid-gap.

Co jsou pseudotřídy a pseudoelementy?

Pseudotřídy (:hover, :focus, :nth-child()) mění styl podle stavu prvku, pseudoelementy (::before, ::after) umožňují stylizovat části prvku.

Jak funguje kaskádování CSS?

Pravidla se načítají postupně, poslední pravidlo přepíše předchozí.

Proč je externí CSS doporučené?

Pro lepší přehlednost, údržbu a opakované použití stylů.