45Чтобы привязать CSS файл к HTML-документу, нужно использовать тег <link> внутри тега <head> HTML-документа. В атрибуте href указываем путь к CSS файлу, в атрибуте rel указываем тип связи, а именно stylesheet, а в атрибуте type указываем тип контента, а именно text/css.
Пример:
HTML-документ:
<!DOCTYPE html>
<html>
<head>
<title>Мой сайт</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>Добро пожаловать на мой сайт!</h1>
<p>Здесь вы найдете много интересной информации.</p>
</body>
</html>
CSS-файл (назовем его style.css):
body {
background-color: #ffffff;
font-family: Arial, sans-serif;
}
h1 {
color: #000000;
font-size: 24px;
}
p {
color: #666666;
font-size: 18px;
}
В данном примере мы используем тег <link> для связи HTML-документа с CSS-файлом style.css, находящимся в той же директории, что и HTML-документ. Теперь стили, определенные в файле style.css, применятся к элементам HTML-документа.
