Урок 37 із 239
15%
← Назад

Розмір шрифту в CSS

Навчіться змінювати розмір тексту за допомогою властивості font-size.

Розмір шрифту в CSS

Для зміни розміру тексту в CSS використовується властивість font-size.

Значення font-size зазвичай задається у пікселях. Пікселі позначаються як px.

Наприклад, щоб зробити текст абзацу розміром 30 пікселів, потрібно використати властивість font-size зі значенням 30px.

<p>
  This is a paragraph with text.
</p>
p {
  font-size: 30px;
}
ВластивістьПризначення
font-sizeЗмінює розмір тексту
pxОдиниця вимірювання розміру
❗ Важливо:

Збільшення розміру шрифту робить текст легшим для читання, але надто великі значення можуть зламати дизайн сторінки.

📌 Завдання:
  1. Скопіюйте HTML-код заголовків та абзаців на свою сторінку.
  2. Встановіть h1 розмір шрифту 50px.
  3. Вирівняйте h1 по центру.
  4. Встановіть h2 розмір шрифту 40px.
  5. Приберіть жирність у h2.
  6. Встановіть абзацам розмір шрифту 30px.
💡 Показати підказку

Для розміру використовуйте font-size. Для вирівнювання — text-align. Щоб прибрати жирність — font-weight: normal.

✅ Показати відповідь
h1 {
  font-size: 50px;
  text-align: center;
}

h2 {
  font-size: 40px;
  font-weight: normal;
}

p {
  font-size: 30px;
}