Fontin koko CSS:ssä
Opitaan muuttamaan fontin kokoa. Tätä varten on tarkoitettu
ominaisuus font-size, joka hyväksyy arvon pikseleinä.
Asetetaan kappaleen tekstille fontin kooksi 30
pikseliä:
<p>
This is a paragraph with text.
</p>
p {
font-size: 30px;
}
:
Kopioi seuraava HTML-koodi sivullesi:
<h1>Main page title</h1>
<p>
This is a paragraph with text.
</p>
<h2>Secondary heading 1</h2>
<p>
This is a paragraph with text.
</p>
<p>
This is a paragraph with text.
</p>
<h2>Secondary heading 2</h2>
<p>
This is a paragraph with text.
</p>
<p>
This is a paragraph with text.
</p>
Aseta otsikolle h1 fontin kooksi
50px ja keskitys, otsikoille
h2 fontin kooksi 40px ja poista
lihavointi, ja aseta kappaleille fontin kooksi 30px.
