32Чтобы создать CSS-документ, нужно создать текстовый файл с расширением .css. В этом файле можно задавать стили для HTML-элементов и использовать его в HTML-файлах.
Вот простой пример CSS-документа:
/* комментарий */
body {
background-color: ivory;
font-family: Arial, sans-serif;
}
h1 {
color: navy;
font-size: 36px;
}
p {
color: black;
font-size: 16px;
line-height: 1.5;
}
a {
text-decoration: none;
color: blue;
}
a:hover {
text-decoration: underline;
}Здесь мы создаем стили для body, h1, p, a и a:hover. В CSS-документе мы можем использовать комментарии, которые начинаются со знака /* и заканчиваются */.
Чтобы использовать CSS-документ в HTML-файле, нужно добавить ссылку на него в раздел head с помощью тега link. Например:
<!DOCTYPE html>
<html>
<head>
<title>Мой документ</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Заголовок</h1>
<p>Текст</p>
<a href="#">Ссылка</a>
</body>
</html>Здесь мы добавляем ссылку на наш CSS-документ style.css в раздел head с помощь тега <link>, а затем используем стили из этого документа для элементов h1, p и a.
