Чтобы добавить CSS файл в HTML документ, нужно выполнить следующие шаги:
- Создайте новый файл с расширением
.css
и определите в нем нужные CSS стили. Например, назвав егоstyle.css
, можно добавить следующий код:
body {
background-color: #f0f0f0;
font-family: Arial, sans-serif;
}
h1 {
color: #007bff;
}
p {
font-size: 1.2em;
}
- Сохраните файл
style.css
. - Подключите файл
style.css
в ваш HTML документ. Для этого нужно указать тегlink
внутри тегаhead
, атрибутrel
установить в значениеstylesheet
, а атрибутhref
указать на путь к файлуstyle.css
. Например:
<!DOCTYPE html>
<html>
<head>
<title>Моя страница</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Заголовок</h1>
<p>Описание</p>
</body>
</html>
Здесь мы подключили файл style.css
, который будет использоваться для стилизации элементов на странице. Обратите внимание, что в атрибуте href
нужно указать относительный путь к файлу style.css
относительно расположения HTML документа.