7Чтобы добавить CSS-файл в HTML-документ, следуйте этим простым шагам:
- Создайте файл с расширением
.cssи определите в нем нужные стили. Ваш CSS-файл может выглядеть следующим образом:
h1 {
color: red;
}
p {
font-size: 16px;
line-height: 1.5;
}- Сохраните файл стилей в вашем проекте (обычно он хранится в отдельной папке
css). - Добавьте ссылку на ваш CSS-файл внутри секции
<head>HTML-документа, используя тег<link>:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Моя веб-страница</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- Содержимое страницы -->
</body>
</html>Здесь мы используем атрибут href в теге <link> для указания пути к файлу стилей CSS. Обратите внимание, что путь задан относительно расположения HTML-файла.
- Сохраните изменения в вашем HTML-документе и перезагрузите страницу в браузере. Ваши стили CSS должны быть применены к элементам страницы, на которые они были направлены.
Обратите внимание, что вы можете добавить несколько файлов стилей CSS на одну и ту же страницу, используя несколько тегов <link> внутри секции <head>.
