Minimální výstupy v oblasti CSS

Obsahový standard

  • Role HTML a CSS

    • důvody a výhody oddělení obsahu od formátu

  • Základní vlastnosti

    • zápis pravidel

    • umístění CSS (atribut style, blok style, linkování), výhody a nevýhody jednotlivých řešení

  • Základní selektory

    • výběr dle elementů, id, třídy

  • Základní pravidla

    • model box (width, height, margin, padding, border)

    • pozice (top, left, bottom, right)

    • font, text-alignment, line-height

    • color, background

    • display (inline, block, inline-block, none, flex)

  • Jednotky a hodnoty

    • velikosti: px, pt, em, rem, vw, vh, %

    • barvy: red, #FF0000, rgb(255,0,0), rgba(255,0,0,0.5)

  • Vyhodnocování

    • dědičnost pravidel

    • přepisování pravidel – priorita vyhodnocování („konkrétní a co nejbližší pravidla vyhrávají“, např.: h1 vs. h1.cervena či #reklama)

    • kombinace selektorů
      (např.: .prvni .druhy | .prvni, .druhy | .prvni.druhy)

  • Základní pseudo třídy a pokročilé selektory

    • hover, active, visited, focus

    • first-child, nth-child, last-child

    • :valid, :invalid

    • pokročilé selektory (např. přímý potomek a > b),

  • Animace

    • vědět o existenci: transform, animation

  • Pozicování prvků

    • flex, float - viz responzibilita


Rozšiřující cíle (rozpracované určené jen pokročilým studentům)

  • Animace: transform, animation

  • Využití LESS či SASS

    • vnoření prvků
    • přístup k rodiči (&),
    • konstanty, výpočty,
    • pro experty: mixiny

  • Font awesome. 


Výkonový standard

Naposledy změněno: čtvrtek, 15. října 2020, 21.14