Чтобы код 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).
