Do dyspozycji mamy dwa rodzaje jednostek miary - absolutne i relatywne. Przyk│adem miary absolutnej jest centymetr, relatywnej - piksel. JednostkΩ miary podajemy zawsze bezpo╢rednio po liczbie, np. 1cm, 0,1in itd.
Miary absolutne
Miary relatywne
Oddzielnie wyr≤┐nia siΩ wielko╢ci procentowe oraz absolutne (np. x-large) i relatywne (np. smaller) miary czcionek.
<H1 style="font-size: 1.5cm">Tytu│ stopnia 1</H1>
<p style="font-size: 2pc">Akapit 2 pika</p>
Akapit 2 pika
<ul style="margin-left: 30mm">
<li>punkt 1</li>
<li>punkt 2</li>
<li>punkt 3</li>
</ul>
<p style="text-indent: 3em; font-size: 12pt">Akapit z czcionk▒ 12-punktow▒, o wciΩciu trzykrotnej wysoko╢ci czcionki.</p>
Akapit z czcionk▒ 12-punktow▒, o wciΩciu trzykrotnej wysoko╢ci czcionki.
<p style="text-indent: 3em; font-size: 15pt">Akapit z czcionk▒ 15-punktow▒, o wciΩciu trzykrotnej wysoko╢ci czcionki.</p>
Akapit z czcionk▒ 15-punktow▒, o wciΩciu trzykrotnej wysoko╢ci czcionki.
<p style="text-indent: 3ex; font-size: 12pt">Akapit z czcionk▒ 12-punktow▒, o wciΩciu trzykrotnej wysoko╢ci litery.</p>
Akapit z czcionk▒ 12-punktow▒, o wciΩciu trzykrotnej wysoko╢ci litery.
<p style="text-indent: 3ex; font-size: 15pt">Akapit z czcionk▒ 15-punktow▒, o wciΩciu trzykrotnej wysoko╢ci litery.</p>
Akapit z czcionk▒ 15-punktow▒, o wciΩciu trzykrotnej wysoko╢ci litery.
<p style="text-indent: 100px; font-size: 12pt">Akapit z czcionk▒ 12-punktow▒, o wciΩciu 100 pikseli.</p>
Akapit z czcionk▒ 12-punktow▒, o wciΩciu 100 pikseli.
Stosowanie miar relatywnych ma sens przede wszystkim w sytuacjach, w kt≤rych chcemy zachowaµ proporcje wy╢wietlania r≤┐nych element≤w. Na przyk│ad na 14-calowym monitorze piksel ma inn▒ warto╢µ w centymetrach w rozdzielczo╢ci 800x600 ni┐ 1024x768.