Шаг 11: Подключение CSS и селекторы

CSS подключают через link rel="stylesheet". Селекторы: тег, класс (.class), id (#id). Приоритет: id > класс > тег.

Код примера

<style>
  h1 { color: #8c6dd1; }
  .card { border: 1px solid #ccc; padding: 12px; }
  #main-title { font-size: 2rem; }
</style>
<h1 id="main-title">Заголовок с CSS</h1>
<div class="card">Карточка с рамкой</div>