Знайомство з CSS (інтерактивна вправа)

🎨 Знайомство з CSS

Інтерактивний тренажер до уроку інформатики ✨

🏗️ Блок 1: Концепція

Якщо HTML — це каркас будинку, то CSS — це його --- обрати --- креслення фундамент дизайн . Головна ідея CSS полягає у --- обрати --- відокремленні об'єднанні змісту сторінки від її оформлення.

📝 Блок 2: Структура

У правилі h1 { color: red; }, елемент h1 — це --- обрати --- селектор атрибут значення . Властивість та значення завжди розділяються --- обрати --- двокрапкою (:) дорівнює (=) крапкою (.) .

🔌 Блок 3: Підключення

Для стилізації конкретного тега "в середині" HTML-коду використовують --- обрати --- In-line External Internal стилі. Проте для професійних сайтів найкраще підходять --- обрати --- зовнішні вбудовані файли .css.

🚀 Блок 4: Практика (CosmoTour)

Щоб задати фон для всього сайту, ми пишемо стилі для селектора --- обрати --- body html main . А для створення рухомого рядка використовується тег --- обрати --- marquee scroll move .

⚖️ Блок 5: Пріоритети стилів

Браузер вибере колір з --- обрати --- тега (in-line) зовнішнього файлу head-блоку , якщо стилі суперечать один одному, бо цей спосіб має --- обрати --- вищий нижчий середній пріоритет.