CSS Lastnost: font-size

Lastnost font-size (slo. Velikost pisave) nastavi velikost besedila. Pri spletnem oblikovanju je pomembno, da lahko upravljamo velikost besedila, vendar pa ne smemo uporabljati prilagoditev velikosti pisave, da bi odstavki izgledali kot naslovi ali naslovi kot odstavki. Priporočljivo je v slogu nastaviti velikost pisave za vse oznake, kot je to <h1>, <p> itd. Vrednost velikosti pisave je lahko absolutna ali relativna. Absolutna pomeni, da velikost nastavi na neko vrednost in uporabniku ne dovoljuje spreminjati velikosti besedila (vsaj ne v vseh brskalnikih). Relativna velikost pa nastavi velikost glede na okoliške elemente in omogoča uporabniku, da v brskalniku lahko velikost spremeni. Privzeta velikost odstavkov je 16 slikovnih pik (px). Samo za informacijo 16px == 1em

PRIMER

<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>velikost pisave pisave</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <style>
        p {
            margin-bottom: 20px;
            padding: 10px;
            font-size: 24px;
        }
        p.a {font-size: 50px;}
        p.b {font-size: 20px;}
        p.c {font-size: 1em;}
        p.d {font-size: 5em;}
    </style>
</head>
<body>
<p class="a">Dobrodošli v CSS vadnico. (50px)</p>
<p class="b">Dobrodošli v CSS vadnico. (20px)</p>
<p class="c">Dobrodošli v CSS vadnico. (1em = 16px)</p>
<p class="d">Dobrodošli v CSS vadnico. (5em = 80px)</p>
</body>
</html>

REZULTAT