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

Передумови

• Ultimate HTML

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;

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