CSS

Cascading Style Sheets je jazyk používaný pro popis vzhledu a formátu v HTML dokumentech.
Určuje barvy, velikosti, rozložení a další vizuální aspekty webových stránek.
Odděluje obsah (HTML) od vzhledu (CSS), což umožňuje lepší organizaci a údržbu kódu.
Fun fact! V CSS na základě rozšířených podmínek a další funkcí v Chromu postavil x86 emulátor. Je dostupný zde.

Syntaxe

CSS se skládá z pravidel, která se skládají z selektoru a deklarace.
Selektor určuje, které HTML elementy budou stylovány, například p pro všechny odstavce nebo .class pro všechny elementy s danou třídou.
Deklarace se skládá z vlastnosti a hodnoty, které určují, jak bude element stylován, například color: red; pro nastavení barvy textu na červenou.
Pravidla jsou uzavřena v složených závorkách {} a jednotlivé deklarace jsou odděleny středníkem ;.
Například:

p {
    color: red;
    font-size: 16px;
}

Toto pravidlo říká, že všechny odstavce (<p>) budou mít červenou barvu textu a velikost písma 16 pixelů.

CSS může být zahrnuto do HTML dokumentu třemi způsoby:
Inline styl: Přímo v HTML elementu pomocí atributu style, například <p style="color: red;">Toto je červený text.</p>.
Interní styl: V hlavičce HTML dokumentu pomocí <style> tagu, například:

<head>
    ...
    <style>
        p {
            color: blue;
        }
    </style>
</head>
...

Externí styl: V samostatném CSS souboru, který je propojen s HTML dokumentem pomocí <link> tagu, například:

<head>
    ...
    <link rel="stylesheet" href="styles.css">
</head>

V CSS lze používat komentáře pro vysvětlení kódu nebo pro dočasné zakomentování části kódu. Komentáře se píší pomocí /* */. Například:

/* Toto je komentář v CSS */
p {
    color: red; /* Nastaví barvu textu na červenou */
}