Seznamy 2

14. hodina WBA


Matěj Cajthaml — SSPŠ

©

Vnořené seznamy

Definiční

  • tag dl — description list
  • tag dt — define term
  • tag dd — define description

Tvorba

Vlastnost list-style-type

  • nastavení odrážek / řazení listu
  • hodnoty: zde a none

Vlastnost list-style-image

Vlastnost list-style-position

Náš reset vždy resetuje listy a nezobrazuje odrážky.

Vlastnost display

  • zajistí jak se bude prvek zobrazovat
  • známe inline (řádkový) a block (blokový)
  • přidáme inline-block a none

Vlastnost display

Vlastnost visibility

  • hodnoty: visible, invisible
  • zanechává místo ale nezobrazuje prvek
  • podobné chování jako opacity: 0;

Horizontální menu

Společná práce

Vytvoříme si horizontální menu — navigaci podle obrázku.

Vertikální menu

Práce

Zkuste z horizontální menu udělat vertikální.

Shrnutí

K čemu slouží vlastnost list-style-position?
K čemu slouží v seřazeném listu atribut type?
K čemu slouží vlastnost display?
Jaké známe obrazce v obrázkových mapách?
Jaké známe pseudotřídy?

Děkuji za pozornost!

  • matej.cajthaml@ssps.cz
  • https://ssps.cajthaml.eu/