Как код html подключить к CSS

Чтобы код HTML подключить к CSS, необходимо использовать элемент <link> внутри секции <head> HTML-документа. Пример кода:

<!DOCTYPE html>
<html>
<head>
    <title>Моя веб-страница</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <h1>Привет мир!</h1>
    <p>Это моя первая веб-страница.</p>
</body>
</html>

В данном примере мы подключаем стилевой файл style.css с помощью элемента <link>. Свойство rel указывает на тип подключаемого файла (стилевой CSS-файл), type — на тип содержимого файла, а href — на местоположение файла относительно корневой директории в которой находится HTML-файл.

Далее в файле style.css можно определить стили для элементов HTML-разметки, размещенной внутри разметки HTML. Например:

h1 {
    color: red;
}

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

В этом примере мы определили стили для заголовка первого уровня — h1 (красный цвет), и для абзаца — p (размер шрифта 18 пикселей, межстрочный интервал 1.5).