ფონტის ზომა 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-ზე.