Učebnice HTML a CSS pro začátečníky
Základy HTML
Úvod
Jazyk HTML
HTML tagy
Atributy
Styly
Základní struktura stránky
Základní tagy
Odstavce
Nadpisy
Tučné písmo
Kurzíva
Neseřazené seznamy
Seřazené seznamy
Odkazy
Vnitřní odkazy
Obrázky
Šířka obrázku
Výška obrázku
Nastavení šířky a výšky obrázku
Tabulky
Šířka a výška tabulky
Buněk-nadpisy
Praktikum
Základy CSS
Úvod do CSS
Jak pracovat s CSS
Hodnoty pro barvu
Libovolné barvy
Šířka a výška
Zarovnání textu
Zarovnání textu vpravo
Zarovnání textu na střed
Zarovnání textu vlevo
Zarovnání textu současně vpravo a vlevo
Procvičování zarovnání textu
Tloušťka písma
Kurzíva
Velikost písma
Rodina písma
Řádkový rozestup
Hodnota line-height bez jednotek
Zkrácená vlastnost font
Odstavec textu
Efekty textu
Dolní podtržení textu
Horní podtržení textu
Přeškrtnutí textu
Zrušení efektů pro text
Praktikum
Selektory
Příbuzenské vztahy tagů
Dědičnost vlastností
Seskupování selektorů
Společné vlastnosti
Selektory potomků
Dceřiný selektor
Selektor třídy
Tag span
Tag div
Seskupování tříd
Tag se zadanou třídou
Selektor potomků a třídy
Složité kombinace selektoru potomků a tříd
Chyba začátečníků v selektoru potomků
Prvek s několika třídami
Selektor podle id
Selektor podle id a třídy
Použití id
Selektor podle několika tříd
Několik selektorů společně
Chyba několik selektorů
Seskupování složitých selektorů
Chyba při seskupování
Trénink na kombinace selektorů
Priorita selektorů
Poznámka ke konfliktu vlastností
Pravidla specificity
Priorita selektorů potomků
Sousední selektor
Příbuzný selektor
Univerzální selektor
Selektory atributů
Stavy odkazů
Nuance posloupnosti stavů odkazů
Stavy link a visited
Běžné použití stavů odkazů
Složité selektory s odkazy
Odkaz s třídou
Výběr koncových prvků
Výběr podle pozice
Výběr jediného potomka
Výběr prázdných prvků
Výběr podle pozice a typu prvků
Negace not
Dekorace
Barva pozadí
Základy práce s ohraničením
Plné ohraničení
Tečkované ohraničení
Čárkované ohraničení
Vypouklé ohraničení
Dvojité ohraničení
Zkrácená vlastnost pro ohraničení
Ohraničení pro různé strany
Zaoblení rohů bloku
Zaoblení rohů pozadí
Vytvoření kruhu
Zaoblení pro různé rohy
Čtyři hodnoty
Dvě hodnoty
Tři hodnoty
Zaoblení v procentech
Vytvoření kruhu při zaoblení v procentech
Obrázek pro pozadí
Opakování obrázku pozadí
Další vlastnosti pro pozadí
Značky seznamů ul
Čtvercové značky seznamů ul
Značky seznamů ul v podobě kroužků
Značky seznamů ul v podobě vyplněných kroužků
Bez značek seznamů ul
Značky seznamů ol
Malé římské číslice pro seznamy ol
Velké římské číslice pro seznamy ol
Malá latinská písmena pro seznamy ol
Velká latinská písmena pro seznamy ol
Malá řecká písmena pro seznamy ol
Čísla s nulou vpředu pro seznamy ol
Box model
Vnější odsazení margin
Odsazení margin pro různé strany
Několik hodnot v margin
Čtyři hodnoty v margin
Dvě hodnoty v margin
Tři hodnoty v margin
Vnitřní odsazení padding
Odsazení padding pro různé strany
Několik hodnot v padding
Rozpínání prvků
Vliv ohraničení na rozpínání prvků
Společný vliv padding a ohraničení na rozpínání prvků
Zrušení rozpínání prvků
Blokové elementy
Šířka a výška blokového elementu
Šířka blokového elementu
Výška blokového elementu
Výška bez obsahu
Několik blokových elementů vedle sebe
Řádkové elementy
Šířka a výška řádkového elementu
Několik řádkových elementů vedle sebe
Odsazení mezi řádkovými elementy
Definice box modelu
Vlastnost display
Řádkově-blokové elementy
Šířka a výška řádkově-blokového elementu
Šířka řádkově-blokového elementu
Výška řádkově-blokového elementu
Několik řádkově-blokových elementů vedle sebe
Zarovnání blokových elementů
Zarovnání blokového elementu s odsazením vlevo
Zarovnání blokového elementu s odsazením vpravo
Zarovnání řádkových elementů
Centrování řádkových elementů
Centrování několika řádkových elementů
Zarovnání řádkových elementů k pravému okraji
Zarovnání řádkově-blokových elementů
Centrování řádkově-blokových elementů
Zarovnání řádkově-blokových elementů k pravému okraji
Flex elementy
Výška rodiče flex elementů
Šířka rodiče flex elementů
Řádkově-blokový rodič
Odsazení padding rodiče
Odsazení margin potomkům
Zarovnání flex elementů
Zarovnání flex elementů na střed
Zarovnání flex elementů v rodiči
Zarovnání flex elementů v rodiči s odsazením
Zarovnání flex elementů v rodiči se stejnými odsazeními
Pozicování
Absolutní
Relativní
Absolutní vzhledem k rodiči
Absolutní vzhledem k absolutnímu
Absolutní bez souřadnic
Centrování pomocí absolute
Záporné hodnoty u absolute
Fixní pozicování
Blok na celou šířku obrazovky
Vrstvení prvků podél osy Z
Řízení vrstvení prvků podél osy Z
Nuance použití záporné hodnoty z-index
Float
Úvod do vlastnosti float
Vlastnost float a tagy
Kombinace float a margin
Kombinace float a padding
Plovoucí elementy pod tagy
Působení floatů na rodiče
Výška rodiče floatů
Text v rodiči floatů
Obtékání
Zrušení obtékání
Samostatný div s clearfixem
Výška rodiče a clearfix
Vlastnost float pro bloky
Vlastnost float a několik bloků
Vlastnost float a rodič bez textu
Flexbox
Umístění do řádku nebo sloupce
Umístění flex prvků v obráceném řádku
Umístění flex prvků do sloupce
Převrácení sloupce s flex prvky
Hlavní a příčná osa
Zarovnání podél hlavní osy
Zarovnání podél příčné osy
Hodnota center vlastnosti align-items
Centrování bez výšky bloků
Centrování s různou výškou bloků
Hodnota stretch vlastnosti align-items
Praxe na zarovnání podél os
Zarovnání jednotlivého prvku
Pořadí flex bloků
Gridy
Úvod do gridů
Stopy a linie
Zobrazení v nástroji pro vývojáře
Sloupce
Jednotka fr
Zlomkové fr
Pixely a fr
Procenta a fr
Funkce repeat
Hodnota auto
Hodnota auto-fill
Funkce minmax
Hodnota auto-fit
Řádky
Zkratka pro řádky a sloupce
Kombinování řádků
Kombinování sloupců
Kombinace spojování
Překrývání sloupců
Mezera mezi sloupci
Mezera mezi řádky
Mezera mezi sloupci a řádky
Dlaždice
