Navigace: CSS

Blokové elementy

zaberou celou dostupnou šířku => řadí se pod sebe

na vaší stránce jsou to nadpisy, odstavce, section, footer

Řádkové elementy

zaberou jen tolik místa, kolik potřebují
nejsou samostatně na řádku => řadí se za sebou jako slova ve větě
nejde jim nastavit některé vlastnosti z box modelu (šířka, výška, horní/dolní okraj)

na vaší stránce jsou to například odkazy, nebo důležitý text (strong)
ony jim ty vlastnosti nastavit jdou, ale neprojeví se očekávaným způsobem
lze ale například úspěšně nastavit pravý/levý margin

Řádkově-blokové elementy

hybrid: řádkový s některými vlastnostmi blokového
řadí se za sebou, ale lze mu nastavit šířku, výšku a okraje

na vaší stránce se tak chovají obrázky

Typ elementu v CSS

a { display: block; }

section { display: inline; }

li { display: inline-block; }

každý element má výchozí typ
pomocí CSS lze ale změnit chování prvku na jiný typ

Odkazy v navigaci do pruhu