Výuka css

Porozumění CSS třídám

CSS třídy se používají k definování stylů, které lze aplikovat na více prvků v dokumentu HTML. Toho je dosaženo vytvořením třídy v souboru CSS a následným přidáním této třídy do prvků HTML, které potřebují styl.

Co je to CSS třída?

CSS třída je pojmenovaná skupina stylů, kterou lze aplikovat na prvky HTML. Třídy jsou definovány v souboru CSS pomocí tečky (.) následované názvem třídy. Styly jsou uzavřeny v složených závorkách {}. Zde je příklad:

            .example {

                color: blue;

                font-size: 20px;

            }

V výše uvedeném příkladu je třída .example definována s barvami a velikostí písma. Chcete-li tuto třídu použít v dokumentu HTML, jednoduše přidáme atribut class k požadovaným prvkům HTML, jako je tento:

<p class="example">Toto je odstavec s třídou example.</p>

Výsledkem je, že odstavec bude mít modrý text a velikost písma 20 pixelů, jak je specifikováno ve třídě CSS.

Toto je odstavec s třídou example.