CSS tutoriál

DOMŮ CSS Úvod do CSS Syntaxe CSS Selektory CSS CSS Jak na to Komentáře CSS CSS barvy CSS pozadí Hranice CSS Okraje CSS CSS padding Výška/šířka CSS CSS Box Model obrys CSS Text CSS CSS písma Ikony CSS CSS odkazy CSS seznamy CSS tabulky Zobrazení CSS CSS Max-šířka Pozice CSS CSS Z-index Přetečení CSS CSS Float CSS Inline-block CSS zarovnat CSS kombinátory Pseudotřída CSS Pseudoprvek CSS Neprůhlednost CSS Navigační lišta CSS Rozbalovací seznamy CSS Galerie obrázků CSS CSS obrázkoví skřítci CSS Attr Selectory CSS formuláře Počítadla CSS Rozvržení webu CSS Jednotky CSS Specifičnost CSS CSS !důležité Matematické funkce CSS

Pokročilé CSS

CSS zaoblené rohy Obrázky ohraničení CSS CSS pozadí CSS barvy Klíčová slova barev CSS Přechody CSS CSS Shadows Textové efekty CSS Webová písma CSS CSS 2D transformace CSS 3D transformace Přechody CSS CSS animace CSS Tooltips Obrázky ve stylu CSS CSS obrazový odraz Přizpůsobení objektu CSS CSS objekt-pozice CSS maskování Tlačítka CSS Stránkování CSS Více sloupců CSS Uživatelské rozhraní CSS CSS proměnné Velikost CSS boxu CSS mediální dotazy Příklady CSS MQ CSS Flexbox

CSS responzivní

Úvod RWD Výhled RWD Zobrazení mřížky RWD Dotazy na média RWD Obrázky RWD Videa RWD Rámce RWD Šablony RWD

CSS mřížka

Úvod do mřížky Mřížkový kontejner Položka mřížky

CSS SASS

Výukový program SASS

Příklady CSS

CSS šablony Příklady CSS css kvíz Cvičení CSS CSS certifikát

CSS reference

Reference CSS Selektory CSS Funkce CSS CSS Reference Aural Webová bezpečná písma CSS CSS animovatelné Jednotky CSS Převodník CSS PX-EM CSS barvy Hodnoty barev CSS Výchozí hodnoty CSS Podpora prohlížeče CSS

CSS tutoriál

CSS je jazyk, který používáme ke stylování dokumentu HTML.

CSS popisuje, jak by se měly zobrazovat prvky HTML.

Tento tutoriál vás naučí CSS od základních po pokročilé.

Začněte se učit CSS hned teď »

Příklady v každé kapitole

Tento tutoriál CSS obsahuje stovky příkladů CSS.

Pomocí našeho online editoru můžete upravit CSS a kliknutím na tlačítko zobrazit výsledek.

Příklad CSS

body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}

Klikněte na tlačítko „Vyzkoušejte si to sami“ a uvidíte, jak to funguje.


Příklady CSS

Učte se z více než 300 příkladů! Pomocí našeho editoru můžete upravit CSS a kliknutím na tlačítko zobrazit výsledek.

Přejít na příklady CSS!


Použijte nabídku

Doporučujeme přečíst si tento návod v pořadí uvedeném v nabídce.

Pokud máte velkou obrazovku, bude nabídka vždy přítomna vlevo.

Pokud máte malou obrazovku, otevřete nabídku kliknutím na znak horní nabídky .


CSS šablony

Vytvořili jsme pro vás několik responzivních šablon W3.CSS.

Můžete je volně upravovat, ukládat, sdílet a používat ve všech svých projektech.

Šablony CSS zdarma!



Cvičení CSS

Otestujte se pomocí cvičení

Cvičení:

Nastavte barvu všech prvků <p> na červenou.

<style>
 {
   red;
}
</style>


css kvíz

Otestujte si své dovednosti CSS v kvízu.

CSS kvíz!


CSS reference

Na W3Schools najdete kompletní CSS reference všech vlastností a selektorů se syntaxí, příklady, podporou prohlížeče a dalšími.

Reference vlastností CSS

Reference selektorů CSS

Reference funkcí CSS

CSS animovatelné reference

Zvuková reference CSS

Jednotky CSS

Odkaz na barvy CSS

Výchozí hodnoty CSS

Podpora prohlížeče CSS