6. Jakie jednostki możesz użyć w CSS do określenia wielkości tekstu?

W CSS istnieje wiele jednostek do określenia zarówno wielkości tekstu jak i innych atrybutów. Są to jednostki takie jak:

• px (piksele / pixels): jednostka stała, niezależna od rozdzielczości.
• em: jednostka względna, zależna od wielkości czcionki elementu nadrzędnego.
• rem: jednostka względna, zależna od wielkości czcionki elementu korzenia (html).
• %: procentowa wartość względem elementu nadrzędnego.
• vw (viewport width): procent szerokości widoku.
• vh (viewport height): procent wysokości widoku.

/* Przykłady */
h1 {
    font-size: 20px; /* Piksele */
}

h2 {
    font-size: 2em; /* Em - 2 razy większa od czcionki elementu nadrzędnego */
}

h3 {
    font-size: 1.5rem; /* Rem - 1.5 razy większa od czcionki korzenia */
}

h4 {
    font-size: 150%; /* Procent */
}

h5 {
    font-size: 10vw; /* Szerokość widoku */
}