Как добавить css файл в html

Чтобы добавить CSS-файл в HTML-документ, следуйте этим простым шагам:

Создайте файл с расширением .css и определите в нем нужные стили. Ваш CSS-файл может выглядеть следующим образом:

h1 {
  color: red;
}

p {
  font-size: 16px;
  line-height: 1.5;
}

Сохраните файл стилей в вашем проекте (обычно он хранится в отдельной папке css).
Добавьте ссылку на ваш CSS-файл внутри секции <head> HTML-документа, используя тег <link>:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Моя веб-страница</title>
  <link rel="stylesheet" href="css/style.css">
</head>
<body>
  <!-- Содержимое страницы -->
</body>
</html>

Здесь мы используем атрибут href в теге <link> для указания пути к файлу стилей CSS. Обратите внимание, что путь задан относительно расположения HTML-файла.

Сохраните изменения в вашем HTML-документе и перезагрузите страницу в браузере. Ваши стили CSS должны быть применены к элементам страницы, на которые они были направлены.

Обратите внимание, что вы можете добавить несколько файлов стилей CSS на одну и ту же страницу, используя несколько тегов <link> внутри секции <head>.