## Завдання
Застосуйте різні властивості шрифту до вказаних елементів:

Для `h1`:
- Гарнітура шрифту: `Arial`.
- Розмір шрифту: `36px`.
- Насиченість шрифту: `600`.
- Стиль шрифту: `italic`.

Для `p`:
- Гарнітура шрифту: `Georgia`.
- Розмір шрифту: `18px`.
- Насиченість шрифту: `400`.
- Стиль шрифту: `normal`.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPGxpbmsgcmVsPSJzdHlsZXNoZWV0IiBocmVmPSJpbmRleC5jc3MiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPGgxPldlbGNvbWUgdG8gTXkgV2Vic2l0ZTwvaDE+CiAgICA8cD4KICAgICAgVGhpcyBpcyBhbiBleGFtcGxlIG9mIHRleHQgaW4gYSBwYXJhZ3JhcGguIFRoZSBmb250IGZhbWlseSBpcyBzZXQgdG8KICAgICAgR2VvcmdpYSwgdGhlIGZvbnQgc2l6ZSBpcyAxOHB4LCB0aGUgZm9udCB3ZWlnaHQgaXMgbm9ybWFsLCBhbmQgdGhlIGZvbnQKICAgICAgc3R5bGUgaXMgYWxzbyBub3JtYWwuCiAgICA8L3A+CiAgPC9ib2R5Pgo8L2h0bWw+

aDEgewogIC8qIENoYW5nZSB0aGUgY29kZSBiZWxvdyB0aGlzIGxpbmUgKi8KICBmb250LWZhbWlseTogX19fOwogIGZvbnQtc2l6ZTogX19fOwogIGZvbnQtd2VpZ2h0OiBfX187CiAgZm9udC1zdHlsZTogX19fOwogIC8qIENoYW5nZSB0aGUgY29kZSBhYm92ZSB0aGlzIGxpbmUgKi8KfQoKcCB7CiAgLyogQ2hhbmdlIHRoZSBjb2RlIGJlbG93IHRoaXMgbGluZSAqLwogIGZvbnQtZmFtaWx5OiBfX187CiAgZm9udC1zaXplOiBfX187CiAgZm9udC13ZWlnaHQ6IF9fXzsKICBmb250LXN0eWxlOiBfX187CiAgLyogQ2hhbmdlIHRoZSBjb2RlIGFib3ZlIHRoaXMgbGluZSAqLwp9

- `font-family`: Вказує сімейство шрифтів.
- `font-size`: Визначає розмір шрифту.
- `font-weight`: Встановлює товщину шрифту.
- `font-style`: Вказує стиль шрифту.

aDEgewogIC8qIENoYW5nZSB0aGUgY29kZSBiZWxvdyB0aGlzIGxpbmUgKi8KICBmb250LWZhbWlseTogQXJpYWw7CiAgZm9udC1zaXplOiAzNnB4OwogIGZvbnQtd2VpZ2h0OiA2MDA7CiAgZm9udC1zdHlsZTogaXRhbGljOwogIC8qIENoYW5nZSB0aGUgY29kZSBhYm92ZSB0aGlzIGxpbmUgKi8KfQoKcCB7CiAgLyogQ2hhbmdlIHRoZSBjb2RlIGJlbG93IHRoaXMgbGluZSAqLwogIGZvbnQtZmFtaWx5OiBHZW9yZ2lhOwogIGZvbnQtc2l6ZTogMThweDsKICBmb250LXdlaWdodDogNDAwOwogIGZvbnQtc3R5bGU6IG5vcm1hbDsKICAvKiBDaGFuZ2UgdGhlIGNvZGUgYWJvdmUgdGhpcyBsaW5lICovCn0=

Опануйте основи CSS (Cascading Style Sheets) — мови стилізації, що визначає зовнішній вигляд вебсторінок. Досліджуйте ключові поняття, такі як стилі тексту, кольори, відступи, модель коробки, Flexbox і декоративні ефекти. Формуйте навички створення візуально привабливих і структурованих вебсторінок. Ідеально підходить для початківців, які прагнуть закласти міцну базу в CSS.

Дізнайтеся, що таке CSS, як підключити його до HTML і як стилізувати елементи HTML за допомогою селекторів. Ознайомтеся з базовими поняттями, такими як кольори тексту, псевдокласи дій користувача та змінні в CSS.

Дізнайтеся, як стилізувати та форматувати текст на вебсторінках. Ознайомтеся із застосуванням користувацьких шрифтів і різноманітних властивостей шрифтів для покращення вигляду тексту.

Вивчення основ моделі коробки, яка визначає розташування та відступи елементів на веб-сторінці. Ознайомлення з поняттями розміру коробки, додаванням простору до елементів, роботою з блочними та рядковими елементами, а також використанням структурних і функціональних псевдокласів для розширеного стилізування.

Ознайомлення з Flexbox — потужним методом розміщення елементів у CSS для організації рядків і стовпців. Вивчення керування напрямком, вирівнюванням і відстанями між елементами по горизонталі та вертикалі, а також налаштування окремих flex-елементів для точного макетування.

Дізнайтеся, як підвищити візуальну привабливість веб-сторінок за допомогою CSS. Ознайомтеся з техніками застосування кольорів і зображень фону, стилізації зображень, використання декоративних псевдоелементів і додавання тіней для створення ефектних дизайнів.

Завдання: Дослідження Властивостей Шрифтів

Завдання

Awesome!

Завдання: Дослідження Властивостей Шрифтів

Завдання