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 шрифт өлчөмүн орнотуңуз.