Якими способами можна підключити CSS до HTML?

CSSJunior~1 хв читання

CSS можна підключити до HTML трьома основними способами:

Стилі знаходяться в окремому .css-файлі, який підключається в <head> за допомогою тегу <link>.

HTML:

html

<link rel="stylesheet" href="style.css">

style.css:

css

p {
  color: blue;
}

Плюси: порядок у коді, зручно підтримувати, багато сторінок можуть використовувати один файл. Мінуси: потрібен окремий файл.

html

<head>
  <style>
    p {
      color: green;
    }
  </style>
</head>

Плюси: зручно для невеликих сторінок або швидкого тесту. Мінуси: якщо стилів багато, код стає громіздким.

html

<p style="color: red;">Текст</p>

Плюси: швидко змінити один елемент. Мінуси: погана читабельність, не можна повторно використовувати, не підходить для великих проектів.

Якщо потрібно, можу далі розібрати: пріоритети стилів, каскадність і порядок їх застосування.

Для співбесіди

Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.