- Припустімо, що розмір шрифту для body встановлено на 16 пікселів.
- Слова «Outer» відображається з розміром 25,6 пікселів, а слово «inner» — 40,96 пікселів.
- Всередині файла css/main.css
- визначте властивсть font-size для div, вказавши значення в одиницях виміру em.
- визначте властивсть font-size для span, вказавши значення в одиницях виміру em.
зверніть увагу, що текст inner - завернутий у два span, тобто стилі span застосуються двічі
тут я підкреслив чиї стилі де приміняються
div {
font-size: Xem;
}
span {
font-size: Yem;
}
треба зрозуміти, що підставити
давайте уявимо що множник на дів - це X, а множник на спані - Y.
Outer: 25,6=16 XY (тому що Outer знаходиться у div і у span)
Inner: 40,96=16 XY * Y (тому що inner знаходиться у div, span і ще одному span)
щоб отримати Outer - нам треба 16 1.6.
тобто XY= 1.6
щоб отримати inner - нам треба 16 1.6 1.6.
тобто XYY= 1.6 * 1.6
якщо порівняти ці рівняння - можна зрозуміти що з додаванням * Y - додалося * 1.6
значить Y = 1.6
якщо X * Y=1.6
значить X = 1
Завдання 4
- Припустімо, що розмір шрифту для body встановлено на 16 пікселів.
- Всередині файла css/main.css визначте властивсть font-size для strong так, щоб всі слова мали однаковий відносний розмір, еквівалентний 25,6 пікселів.
Не правильно
Завдання 8
- Визначити у глобальній області видимості змінні:
--primary-font-family: 'Roboto', sans-serif;
--primary-font-size: 0.875rem;
Не виконано
Завдання 9
Не виконано по причині не виконання минулого завдання
Завдання 10-11
Завдання виконано, гарна робота, але можна зробити набагато легче.
Ще раз перечитайте документацію до font-awesom.
У вас проблема в тому, що ви під'єднали файл js в css, а треба було через html
Ваш варіант:
Завдання 3
треба зрозуміти, що підставити
давайте уявимо що множник на дів - це
X
, а множник на спані -Y
.Outer
: 25,6=16X
Y
(тому щоOuter
знаходиться у div і у span)Inner
: 40,96=16X
Y
*Y
(тому щоinner
знаходиться уdiv
,span
і ще одномуspan
)щоб отримати
Outer
- нам треба 16 1.6. тобтоX
Y
= 1.6щоб отримати inner - нам треба 16 1.6 1.6. тобто
X
Y
Y
= 1.6 * 1.6якщо порівняти ці рівняння - можна зрозуміти що з додаванням
* Y
- додалося * 1.6 значитьY
= 1.6якщо
X
*Y
=1.6 значитьX
= 1Завдання 4
Не правильно
Завдання 8
Не виконано
Завдання 9
Завдання 10-11
font-awesom
. У вас проблема в тому, що ви під'єднали файлjs
вcss
, а треба було через html Ваш варіант:а потрібно щоб було ось так в html: