Jednotky velkosti
Toto bude odstavec co ma 32px, Toto bude dalsi odstavec, jeho text je nahodny takze bla bla bla. Toto bude dalsi odstavec, jeho text je nahodny takze bla bla bla.
Toto bude odstavec co ma 10mm jeho text je nahodny takze bla bla bla.
text v dive co ma 2rem.
Odstavec, ktory je v nutri divu = je to jeho syn a ma 0.8em.
text v dive co ma 2rem.
Odstavec, ktory je v nutri divu = je to jeho syn a ma 0.8rem.
Div ma sirku 60 percent. Text ma velkost 0.8rem.
Div ma sirku 60vw. Text ma velkost 0.8em.
- Ulohy do stylu:
- Divu dajte svetlozelene pozadie, vnutorny okraj 5px a dajte ho do stredu.
- Mainu dajte pozadie svetlomodre, sirku 500px a dajte ho do stredu.
- Vyrobte triedy s menami px em rem a mm s velkostami pisma 16px 0.8em 0.8rem a 10mm.
- Prvemu ostavcu dajte triedu px a druhemu mm.
- Vyrobte triedu s nazvom big v ktorej bude velkost pisma 2rem.
- Priradte ju prvemu a druhemu divu za odstavcami.
- Odstavcu v 1.dive dajte triedu em a v 2.dive triedu rem.Oba odstavce maju hodnotu 0.8, ale SU ROVNAKO VELKE?
- Vyrobte triedu percenta a vw a sirkou 60% a 60vw.
- Priradte ich obom dalsim divom. Odstavcom v nich dajte triedu em prvemu a rem druhemu.Su rovnako siroke tieto divy?.Su velkosti pisma v oboch divoch rovnake?
- Dajte teraz prvemu nadpisu lavy margin 30vmin.
- Od coho sa teraz pocita jeho sirka, je to 30 percent z vysky okna ci sirky? A preco?
- Dajte tomu nadpisu horny margin 30vmax.
- Mente pomer stran okna a sledujte lavy a horny margin. Ktory sa pri zmene sirky meni a preco?