Veľkosť písma v CSS

Naučme sa meniť veľkosť písma. Na to slúži vlastnosť font-size, ktorá prijíma hodnotu v pixeloch.

Nastavme textu odseku písmo veľkosti 30 pixelov:

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

cssp {
  font-size: 30px;
}

Результат:

Задание 1

Skopírujte si nasledujúci HTML kód na svoju stránku:

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>

Nastavte nadpisu h1 veľkosť písma na 50px a zarovnanie na stred, nadpisom h2 veľkosť písma na 40px a zrušte tučnosť, a odsekom nastavte písmo na 30px.