Размер на шрифта в CSS

Нека се научим да променяме размера на шрифта. За това е предназначено свойството font-size, което приема стойност в пиксели.

Нека зададем на текста в абзаца шрифт с размер 30 пиксела:

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

cssp {
  font-size: 30px;
}

Результат:

Задание 1

Копирайте следния HTML код към вашата страница:

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>

Задайте на заглавието h1 размер на шрифта 50px и подравняване в центъра, на заглавията h2 размер на шрифта 40px и премахнете удебеляването, а на абзаците задайте шрифт 30px.