Как сделать css документ

Чтобы создать 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.