Styl font-size – formatowanie treści na stronach www

Tym razem zajmiemy się stylem font-size. Sam nazwa tego stylu podpowiada nam, że będziemy mieli do czynienia w tym tutorialu w ustalaniem wielkości czcionki
. Jest to bardzo często wykorzystywany styl, dzięki któremu możemy przypisać poprzez arkusz CSS różne wielkości czcionką na stronie internetowej, np. inna wielość dla tytułu, treści itd.

Styl font-size przyjmuje następujące wartości:

- wartość podawana w px, pt, mm, cm, pc, em, in, ex,
- wartość podawana w procentach, np. 80%,
- wartość podawana  słownie: xx-small, x-small, small, smaller – grupa fontów o niewielkich rozmiarach,
- wartość podawana słownie: xx-large, x-large, large, larger – grupa fontów o dużych rozmiarach,
- inherit - przejęcie wartości "rodzica”.

Przykłady zastosowania stylu font-size na stronie internetowej:

Przykład 1

Kod źródłowy:
<p style="font-size:24px;">wielkość czcionki w pikselach.</p>

Podgląd:

wielkość czcionki w pikselach.

Przykład 2

Kod źródłowy:
<p style="font-size:80%;">wielkość czcionki w procentach.</p>

Podgląd:

wielkość czcionki w procentach.

Przykład 3

Kod źródłowy:
<p style="font-size: xx-small;">Czcionka o wartości xx-small.</p>

Podgląd:

Czcionka o wartości xx-small.

Przykład 4

Kod źródłowy:
<p style="font-size: xx-large;">Czcionka o wartości xx-large.</p>

Podgląd:

Czcionka o wartości xx-large.

Zapraszam do przetestowania różnych wartości stylu font-size.