# Lekce 4 - Základní layout
# Upřesnění
* Hodnot někdy můžou být záporné (ie. margin, ale ne padding etc.)
# Vytvoříme novou stránku
* viz web
# Vytvoření menu
* css: `nav li {display: inline-block;}`
# Float
* `.prvni-sekce { float: left; width: 30%;}`
* druhy blok: `float: right`, nebo `margin-left: 30%;`
* treti blok: `.cistic { clear:both;}`, `::after`
# Pozicování
* `position: static;` - půbodní hodnota
* `position: absolute;` - absoutní pozice podle stránky
* `position: fixed;` - fixní pozice na stránce
* `position: relative;` - posun vuci poubodni, ale *aboslute se vztahuje k neblizsimu nadrizenemu relative*
* `top left right bottom` - umisteni
# Pozicování - absolute
* `position: absolute;` - absoutní pozice podle stránky
* `top left right bottom` - umisteni
* `z-index`
# Pozicování - fixed
* `position: fixed;` - fixni pozice na obrazovce
* pozor na mobily
# Pozicování - relative
* `position: relative;`
* posun vuci původní hodnote (nedoporučuji)
* *`absolute` se vztahuje k nejbližšímu `relative` rodiči*
# Pozicování - sticky
* `position: sticky;`
* Kombinace `static` a `fixed`
* Prvek se posouvá tak, aby byl vidět uvnitř svého rodiče
# Rozdělení na více stránek