Výuka IT

Kaskádové styly (CSS)

CSS je základním kamenem moderního webového designu, který umožňuje oddělit obsah webové stránky od jejího vizuálního vzhledu. Díky CSS můžete ovládat barvy, písma, rozložení, animace a mnoho dalšího, čímž dodáte svým HTML dokumentům život a profesionalitu.

Základy psaní CSS stylů pro webové stránky

Základy webového stylingu

Co je CSS, způsoby použití, externí styly, selektory, efektivita a konzistence

FREE
Styly textu a písma v CSS

Práce s textem a písmy

Font-family, velikost písma, Google Fonts, zarovnání, řádkování, dekorace

FREE
Ukázka rámečku kolem prvku pomocí CSS

Rámování elementů (border)

Border-style, šířka, barva, jednotlivé strany, zaoblené rohy, padding

FREE
Ukázka nastavení pozadí pomocí CSS

Pozadí

Barva pozadí, obrázky, opakování, pozice, velikost, gradienty, attachment

FREE
Vysvětlení použití marginů v CSS

Marginy

Vnější odsazení, kolaps marginů, jednotky, shorthand zápis, centrování

FREE
Ukázka použití float pro obtékání textu

Obtékání obsahu (float)

Float left a right, obtékání, clearfix, clear, moderní náhrady

FREE
Pozicování prvků pomocí vlastnosti position v CSS

Pozicování elementů (position)

Static, relative, absolute, fixed, sticky, z-index

FREE
Ukázka použití pseudo-tříd v CSS

Pseudo-třídy

Hover, active, nth-child, not, focus, odkazy a interakce

FREE
Přidání stínů k textům a boxům v CSS

Stíny

Text-shadow, box-shadow, vnější a vnitřní stíny, rozmazání, efekty

FREE
Použití ikon Font Awesome na webové stránce

Ikony Font Awesome

Vložení kitu, použití tříd, velikost, barva, stylování, hover efekty

FREE
Transformace prvků pomocí CSS vlastností

Transformace

Translate, rotate, scale, skew, origin, 2D a 3D efekty

FREE
Tvorba animací pomocí CSS

Animace

Keyframes, animation-name, trvání, směr, zpoždění, přechody, hover animace

FREE

Často kladené otázky (FAQ)

Jak dlouho mám přístup ke kurzu?

Přístup ke kurzu máte neomezeně dlouho. Můžete se k němu vracet, kdykoli budete potřebovat.

Je kurz vhodný pro úplné začátečníky?

Ano, kurz je navržen tak, aby byl srozumitelný i pro úplné začátečníky bez předchozích znalostí programování.