CSS3 a jeho nové vlastnosti

Nová verze CSS3 je ještě obsáhlejší než HTML5 a dovede stránky více rozpohybovat než dřívější verze. K tomu se dříve využíval Flash, který nyní není již podporován ze strany problížečů. Nicméně mezi nejdůležitější nová pravidla jsou pravidal týkající se flexu, což je nový typ zobrazení elementu - jeho potomci jsou responzivně umisťováni. Tedy tak, že se přitom bere v potaz velikost displeje.

Flex box

Jedná se o vlastnost, na které stojí mnoho responzibilních frameworků, např. BootStrap i W3.CSS, a která v kombinaci s dal39mi pravidlz částečně narazuje dřívější varianty pravidla display.

• flex-direction: definuje směr rozmístění prvků.
  • row
    1

    2

    3
  • row-reverse
    1

    2

    3
  • column
    1

    2

    3
• flex-wrap: určuje, jak se potomci budou chovat, když nemají dostatek místa.
• wrap
  1

  2

  3
• wrap-reverse
  1

  2

  3
• nowrap
  1

  2

  3
• justify-content: pravidlo pro rozmistování prvků v prostoru rodiče.
  • center
    1

    2

    3
  • flex-end
    1

    2

    3
  • flex-start
    1

    2

    3
  • space-between
    1

    2

    3
  • space-around
    1

    2

    3
• align-items: vertikální zarovnání potomků.
  • flex-start
    1

    2

    3
  • flex-end
    1

    2

    3
  • center
    1

    2

    3