Online EPU1

Návod

Stiahni si tento súbor - je to zip a rozbaľ ho do svojich dokumentov. V ňom sú cvičebné súbory a ich mená postupne dostaneš v jednotlivých úlohách.
Vyber číslo zadania, postupuj podľa pokynov = opíš poznámky, otvor priložený súbor a podľa pokynov v ňom ho uprav.
Potom vyplň dotazník a stlač tlačítko pod ním. To urobí snímku tvojich odpovedí (väčšinou uločí na plochu) a tú mi potom pošli cez Edupage alebo mailom (dole ja tejto stránke je link.)
Lekcie budú pribúdať, tak každý týždeň stiahni a rozbaľ súvor zase.

  1. Povinné CSS

      2. Poznámky:

    • Všetkým elementom nastav margin a padding na 0 aby si mal kontrolu nad svojou stránkou. Inak si prehliadač dosadí svoje okraje, a stránka nemusí vyzerať ako si ty chcel:
      •     * {
        margin: 0;
        padding: 0;
    }
    • Pre body nastavíme veľkosť fontu v percentách 100% a rodinu fontov - viac, ak by zariadenie nemalo nainštalované prvé fonty, posledný je vždy serif alebo san-serif:
      •     body {
        font-size: 100%;
        font-family: Verdana, sans-serif;
    }
      Priložený súbor je 03povinnecss.html.

  2. Jednotky veľkosti v CSS

      3. Poznámky:

      Absolútne jednotky:

      • pixely px
      • point (pt) je tlačový bod
      • dĺžkové- mm, in(palce) – len na tlačenie

      Relatívne jednotky

      • percentá – napríklad dĺžka sa udáva z najbližšieho rodiča
      • rem – je určené pre všetky typy zobrazovacích zariadení a pri zobrazení na pc platí, že pri zoome prehliadača 100% - 1rem=16px. Sú najvýhodnejšie, lebo každé zariadenie má inú veľkosť podľa displeja. Je viazaný na BODY
      • em = rem ALE viazaný na nadriadený prvok a nie body.
      • bez jednotky = multiple – udáva násobok niečoho iného
      Priložený súbor je 05jednotky.html.

Naspäť