Tutoriál HTML a CSS pre začiatočníkov
Základy HTML
Úvod
Jazyk HTML
HTML tagy
Atribúty
Štýly
Základná štruktúra stránky
Základné tagy
Odseky
Nadpisy
Tučné písmo
Kurzíva
Neusporiadané zoznamy
Usporiadané zoznamy
Odkazy
Vnútorné odkazy
Obrázky
Šírka obrázka
Výška obrázka
Nastavenie šírky a výšky obrázka
Tabuľky
Šírka a výška tabuľky
Bunky-nadpisy
Practicum
Základy CSS
Úvod do CSS
Ako pracovať s CSS
Hodnoty pre farbu
Ľubovoľné farby
Šírka a výška
Zarovnanie textu
Zarovnanie textu vpravo
Zarovnanie textu na stred
Zarovnanie textu vľavo
Zarovnanie textu súčasne vpravo a vľavo
Praxis na zarovnanie textu
Hrúbka písma
Kurzíva
Veľkosť písma
Rodina písma
Medziriadkový interval
Hodnota line-height bez jednotiek
Vlastnosť-skratka font
Odsadenie prvého riadku textu
Efekty textu
Dolné podčiarknutie textu
Horné podčiarknutie textu
Prečiarknutie textu
Zrušenie efektov pre text
Praktikum
Selektory
Príbuzenské vzťahy tagov
Dedičnosť vlastností
Zoskupovanie selektorov
Všeobecné vlastnosti
Selektory potomkov
DCérsky selektor
Selektor triedy
Tag span
Tag div
Zoskupovanie tried
Tag so zadanou triedou
Selektor potomkov a triedy
Zložité kombinácie selektora potomkov a tried
Chyba začiatočníkov v selektore potomkov
Element s viacerými triedami
Selektor podľa id
Selektor podľa id a triedy
Použitie id
Selektor podľa viacerých tried
Niekoľko selektorov spojených
Chyba niekoľko selektorov
Zoskupovanie zložitých selektorov
Chyba pri zoskupovaní
Tréning na kombinácie selektorov
Priorita selektorov
Poznámka ku konfliktu vlastností
Pravidlá špecifičnosti
Priorita selektorov potomkov
Susedský selektor
Príbuzný selektor
Univerzálny selektor
Selektory atribútov
Stavy odkazov
Nuansy postupnosti stavov odkazov
Stavy link a visited
Obyčajné používanie stavov odkazov
Zložité selektory s odkazmi
Odkaz s triedou
Výber koncových elementov
Výber podľa pozície
Výber jediného potomka
Výber prázdnych elementov
Výber podľa pozície a typu elementov
Negácia not
Dekorácie
Farba pozadia
Základy práce s rámami
Plný rám
Bodkovaný rám
Čiarkovaný rám
Vypuklý rám
Dvojitý rám
Skrátená vlastnosť pre rám
Rámy pre rôzne strany
Zaoblenie rohov bloku
Zaoblenie rohov pozadia
Vytvorenie kruhu
Zaoblenie pre rôzne rohy
Štyri hodnoty
Dve hodnoty
Tri hodnoty
Zaoblenie v percentách
Vytvorenie kruhu pri zaoblení v percentách
Obrázok pre pozadie
Opakovanie obrázka pozadia
Iné vlastnosti pre pozadie
Značky zoznamov ul
Štvorcové značky zoznamov ul
Značky zoznamov ul v tvare krúžkov
Značky zoznamov ul v tarse vyplnených krúžkov
Neprítomnosť značiek zoznamov ul
Značky zoznamov ol
Malé rímske číslice pre zoznamy ol
Veľké rímske číslice pre zoznamy ol
Malé latinské písmená pre zoznamy ol
Veľké latinské písmená pre zoznamy ol
Malé grécke písmená pre zoznamy ol
Čísla s nulou vpredu pre zoznamy ol
Blokový model
Vonkajší odstup margin
Odsady margin pre rôzne strany
Niekoľko hodnôt v margin
Štyri hodnoty v margin
Dve hodnoty v margin
Tri hodnoty v margin
Vnútorný odstup padding
Odsady padding pre rôzne strany
Niekoľko hodnôt v padding
Rozšírenie elementov
Vplyv hranice na rozšírenie elementov
Spoločný vplyv padding a hranice na rozšírenie elementov
Zrušenie rozšírenia elementov
Blokové elementy
Šírka a výška blokového elementu
Šírka blokového elementu
Výška blokového elementu
Výška bez obsahu
Niekoľko blokových elementov vedľa seba
Riadkové elementy
Šírka a výška riadkového elementu
Niekoľko riadkových elementov vedľa seba
Odsady medzi riadkovými elementmi
Definícia blokového modelu
Vlastnosť display
Riadkovo-blokové elementy
Šírka a výška riadkovo-blokového elementu
Šírka riadkovo-blokového elementu
Výška riadkovo-blokového elementu
Niekoľko riadkovo-blokových elementov vedľa seba
Zarovnanie blokových elementov
Zarovnanie blokového elementu s odstupom vľavo
Zarovnanie blokového elementu s odstupom vpravo
Zarovnanie riadkových elementov
Centrovanie riadkových elementov
Centrovanie niekoľkých riadkových elementov
Zarovnanie riadkových elementov po pravom okraji
Zarovnanie riadkovo-blokových elementov
Centrovanie riadkovo-blokových elementov
Zarovnanie riadkovo-blokových elementov po pravom okraji
Flex elementy
Výška rodiča flex elementov
Šírka rodiča flex elementov
Riadkovo-blokový rodič
Odsady padding rodiča
Odsady margin potomkom
Zarovnanie flex elementov
Zarovnanie flex elementov na stred
Zarovnanie flex elementov podľa rodiča
Zarovnanie flex elementov podľa rodiča s odstupmi
Zarovnanie flex elementov podľa rodiča s rovnakými odstupmi
Umiestňovanie
Absolútne
Relatívne
Absolútne relatívne k rodičovi
Absolútne relatívne k absolútnemu
Absolútne bez súradníc
Centrovanie cez absolute
Záporné hodnoty pre absolute
Fixné umiestňovanie
Blok na celú šírku obrazovky
Prekrývanie prvkov pozdĺž osi Z
Regulácia prekrývania prvkov pozdĺž osi Z
Nuansy použitia zápornej hodnoty z-index
Float
Úvod do vlastnosti float
Vlastnosť float a značky
Kombinácia float a margin
Kombinácia float a padding
Plávajúce prvky pod značkami
Pôsobenie floatov na rodiča
Výška rodiča floatov
Text v rodičovi floatov
Obtekanie
Zrušenie obtekania
Samostatný div s clearfixom
Výška rodiča a clearfix
Vlastnosť float pre bloky
Vlastnosť float a niekoľko blokov
Vlastnosť float a rodič bez textu
Flexbox
Usporiadanie do riadku alebo stĺpca
Usporiadanie flex prvkov v obrátenom riadku
Usporiadanie flex prvkov do stĺpca
Obrátenie stĺpca s flex prvkami
Hlavná a priečna os
Zarovnanie pozdĺž hlavnej osi
Zarovnanie pozdĺž priečnej osi
Hodnota center vlastnosti align-items
Centrovanie bez výšky blokov
Centrovanie s rôznou výškou blokov
Hodnota stretch vlastnosti align-items
Praxis na zarovnanie pozdĺž osí
Zarovnanie jednotlivého prvku
Poradie flex blokov
Gridy
Úvod do gridov
Stopy a línie
Zobrazenie v debuggeri
Stĺpce
Jednotka fr
Zlomkové fr
Pixely a fr
Percentá a fr
Funkcia repeat
Hodnota auto
Hodnota auto-fill
Funkcia minmax
Hodnota auto-fit
Riadky
Skratka pre riadky a stĺpce
Kombinovanie riadkov
Kombinovanie stĺpcov
Kombinácie spojení
Prekrytie stĺpcov
Vzdialenosť medzi stĺpcami
Vzdialenosť medzi riadkami
Vzdialenosť medzi stĺpcami a riadkami
Dlaždice
