---
id: 63ee35450d8d4841c3a70920
videoId: LGQuIIv2RVA
title: Основи CSS. Запитання G
challengeType: 15
dashedName: css-foundations-question-g
---

# --description--

Внутрішній CSS передбачає додавання CSS у файл HTML, а не створення окремого файлу. У цьому файлі ви розміщуєте всі правила всередині початкового та кінцевого тегів `<style>`, які потім розташовуються всередині початкового та кінцевого тегів `<head>` файлу HTML. Оскільки стилі розташовуються всередині тегів `<head>`, вам більше не потрібен елемент `<link>`, якого вимагає зовнішній метод.

Окрім цих відмінностей, синтаксис повністю такий самий (селектор, фігурні дужки, оголошення):

```html
<head>
  <style>
    div {
      color: white;
      background-color: black;
    }

    p {
      color: red;
    }
  </style>
</head>
<body>...</body>
```

Цей метод може бути корисним для додавання унікальних стилів до сторінки вебсайту, але він не утримує файли окремо, на відміну від зовнішнього методу. Залежно від кількості правил і декларацій це може зробити файл HTML дуже великим.

# --question--

## --text--

Що з переліченого є різницею між внутрішнім та зовнішнім методами CSS?

## --answers--

Зовнішній метод розміщує правила CSS в окремому файлі, а внутрішній метод розміщує правила CSS в межах файлу HTML.

---

Внутрішній метод зберігає CSS окремо від HTML, а зовнішній метод вбудовує CSS одразу в HTML.

---

Внутрішній метод використовує елемент `<link>`, щоб з’єднати CSS з HTML, а зовнішній метод вбудовує CSS одразу в HTML.


## --video-solution--

1
