Що таке CSS і чому це важливо

HTML визначає структуру та вміст веб-сторінки. CSS визначає, як цей вміст буде відображатися.

Поки HTML організовує елементи, такі як заголовки, абзаци та зображення, CSS керує їхнім зовнішнім виглядом, включаючи кольори, відступи, шрифти, вирівнювання та макет.

Разом HTML і CSS складають основу сучасної веб-розробки.

Що таке CSS?

За допомогою CSS можна:

• Змінювати кольори тексту та фону;
• Регулювати відступи між елементами;
• Керувати шрифтами та типографікою;
• Створювати макети;
• Додавати візуальні ефекти.

CSS не змінює структуру документа. Він визначає, як виглядає ця структура.

Базовий синтаксис CSS

CSS-правило складається з селектора та блоку декларацій.
Приклад:

p {
  color: purple;
  background-color: green;
}

Пояснення:

• p — це селектор. Він застосовується до всіх елементів <p>;
• color: purple; встановлює колір тексту;
• background-color: green; встановлює колір фону.

Кожна декларація має такий формат: property: value;

Детальніше селектори, властивості та значення розглядатимуться у наступних розділах.