Підключення CSS

CSS підключається трьома способами: зовнішній файл через <link rel="stylesheet">, внутрішній блок <style> у head, або inline через атрибут style. Зовнішній файл — найкраща практика для реальних сайтів.

Приклад

<head>
  <style>
    body { font-family: sans-serif; background: #f6f8fa; }
    h1 { color: #1f6feb; }
  </style>
</head>
<body>
  <h1>Стилізований заголовок</h1>
</body>

▶ Спробувати в редакторі

Завдання

Додайте у <style> правило, яке робить весь текст параграфів (p) сірого кольору.

Схожі інструменти

Тег <link>

Атрибути rel, href та as тегу <link>: стилі, favicon, preload.

CSS Форматувач і Мініфікатор

Форматування та стиснення CSS стилів онлайн. Локальна обробка без сервера.