search

AnnaCherem / AnnaCheremashentseva

0 stars 0 forks source link

ДЗ 5 #5

Open AndyAnderyan opened 6 months ago

AndyAnderyan commented 6 months ago

Завдання 3

image

- Припустімо, що розмір шрифту для body встановлено на 16 пікселів. 
- Слова «Outer» відображається з розміром 25,6 пікселів, а слово «inner» — 40,96 пікселів.
- Всередині файла css/main.css 
    - визначте властивсть font-size для div, вказавши значення в одиницях виміру em.
    - визначте властивсть font-size для span, вказавши значення в одиницях виміру em.

0020 зверніть увагу, що текст inner - завернутий у два span, тобто стилі span застосуються двічі

0021 тут я підкреслив чиї стилі де приміняються

div {
  font-size: Xem;
}
span {
  font-size: Yem;
}

треба зрозуміти, що підставити

давайте уявимо що множник на дів - це X, а множник на спані - Y.

Outer: 25,6=16 X Y (тому що Outer знаходиться у div і у span) Inner: 40,96=16 X 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

- Припустімо, що розмір шрифту для body встановлено на 16 пікселів. 
- Всередині файла css/main.css визначте властивсть font-size для strong так, щоб всі слова мали однаковий відносний розмір, еквівалентний 25,6 пікселів.

image

Не правильно

Завдання 8

- Визначити у глобальній області видимості змінні:
    --primary-font-family: 'Roboto', sans-serif; 
    --primary-font-size: 0.875rem;

Не виконано

Завдання 9

image Не виконано по причині не виконання минулого завдання

Завдання 10-11

image image Завдання виконано, гарна робота, але можна зробити набагато легче. Ще раз перечитайте документацію до font-awesom. У вас проблема в тому, що ви під'єднали файл js в css, а треба було через html Ваш варіант: image

а потрібно щоб було ось так в html:

<body>
   ...
   ...
   <script src="https://kit.fontawesome.com/958cfe8d40.js" crossorigin="anonymous"></script>
</body>
AnnaCherem commented 6 months ago

Виконала!