Fondi suurus CSS-is

Õpime muutama fondi suurust. Selleks on mõeldud omadus font-size, mis võtab väärtuse pikslites.

Määrame lõigu teksti fondi suuruseks 30 pikslit:

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

cssp {
  font-size: 30px;
}

Результат:

Задание 1

Kopeeri järgmine HTML kood oma lehele:

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>

Määra pealkirjale h1 fondi suuruseks 50px ja keskele joondamise, pealkirjadele h2 fondi suuruseks 40px ning tühista rasvakiri, ning lõikudele määra fondi suuruseks 30px.