Запропонувати правку

Покращити цю статтю

Допрацюйте відповідь до «Що таке CSS і для чого він використовується?». Ваші зміни проходять модерацію перед публікацією.

Потрібне підтвердження

Контент

Що ви змінюєте

Заголовок (UA)

Коротка відповідь (UA)

Показується над повною відповіддю для швидкого нагадування.

Відповідь (UA)

CSS (Cascading Style Sheets: каскадні таблиці стилів), це мова, яка відповідає за **зовнішній вигляд і оформлення веб-сторінок**. Якщо HTML, це «скелет» і структура сторінки (заголовки, текст, зображення, кнопки), то CSS, це «одяг і макіяж», який робить сайт красивим і зручним.

### **Для чого використовується CSS**

CSS дозволяє:

1. **Налаштовувати зовнішній вигляд елементів**
- кольори, розміри, шрифти, відступи, тіні, рамки тощо.
2. **Керувати розташуванням блоків на сторінці**
- вирівнювати елементи, робити колонки, сітки, адаптивну верстку.
3. **Створювати адаптивний дизайн**
- щоб сайт добре виглядав на телефоні, планшеті та комп'ютері.
4. **Створювати анімації та візуальні ефекти**
- плавні появи, hover-ефекти, анімації кнопок і переходів.
5. **Відокремлювати логіку від оформлення**
- HTML відповідає за вміст, CSS - за стиль, тому код зрозуміліший і його легше підтримувати.

---

### **Коротка аналогія**

| Технологія | За що відповідає |
|---|---|
| **HTML** | структура та вміст |
| **CSS** | зовнішній вигляд, стиль, оформлення |
| **JavaScript** | поведінка та інтерактивність |

---

### **Простий приклад**

**HTML:**

```html
<p>Привіт, світ!</p>
```

**CSS:**

```css
p {
  color: red;
  font-size: 20px;
}
```

Цей CSS зробить текст червоним і більшим.

---

Markdown · перетягуйте зображення · ⌘B / ⌘I шорткати184 слів

Для рев’юера

Примітка для модератора (необов’язково)

Бачить лише модератор. Прискорює рев’ю.