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ä:

html<p>
  This is a paragraph with text.
</p>

cssp {
  font-size: 30px;
}

Результат:

Задание 1

Kopioi seuraava HTML-koodi sivullesi:

html<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.