S akými jednotkami veľkosti sa stretneme

Pri zapisovaní hodnôt sa stretneme s viacerými jednotkami. Príchodom CSS mnohé jednotky pribudli. Najčastejšie sa budete stretávať s nasledovnými jednotkami.

Kvalitný zoznam a popis jednotiek nájdete na webe https://www.w3.org/TR/css3-values/.

Jednoduchý príklad:

Do súboru zaciname-s-css.html zadajte nasledovný kód:

<h2>Nadpis</h2> <p><span>Lorem ipsum dolor sit amet</span>, consectetur adipiscing elit. Nullam at quam lacus, nec consequat ligula. Mauris non neque mi. Nunc molestie iaculis molestie. <strong>Nam dapibus justo vitae turpis gravida eleifend. Nullam vel justo non sem</strong> molestie gravida. In gravida lobortis nunc, ac interdum elit consequat nec. Vestibulum non leo felis. Mauris massa sapien, placerat vitae sagittis eget, <b>suscipit non orci. Morbi id est ac justo ultricies tincidunt nec non lorem</b>. Phasellus non augue risus, eu dictum nulla. </p>

V súbore style.css definujeme príslušné štýly, ktorými budeme meniť veľkosť písma.

span {font-size:14px;} strong {font-size:2,3em;} b {font-size:170%;}

Takže už vieme, že vlastnosť color mení farbu písma a vlastnosť font-size mení veľkosť písma.

Úloha:

Oboznámiť sa s ďalšími jednotkami na vyššie uvedenom webe a na krátkom texte si vybrané z nich "otestovať".

V dalšom článku sa dozviete o výbere a zapisovaní farieb.