Чтобы вставить CSS-файл в ваш веб-страницу в HTML, выполните следующие шаги:
- Создайте свой файл со стилями CSS
Для этого откройте текстовый редактор и создайте новый файл со следующим расширением: «.css».
- Сохраните файл
Сохраните свой файл с именем в формате наименования-стилей.css (например, main-styles.css). Обязательно сохраните файл в той же папке, где хранится ваш HTML-файл.
- Откройте ваш HTML-документ
Найдите ваш HTML-файл в папке, откройте его в любом текстовом редакторе или интегрированной среде разработки.
- Вставьте код ссылки на ваш CSS-файл
Вставьте следующий код в тег <head> вашей HTML-страницы, в том же порядке, в каком показано в примере ниже:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="main-styles.css">
</head>
<body>
<!-- Здесь находится ваш код HTML -->
</body>
</html>
В коде «main-styles.css» — это имя вашего CSS-файла. В теге link атрибут rel означает отношения между текущим документом и подключаемым, href — путь к файлу CSS, а type — тип документа.
- Сохраните свои изменения
Сохраните свои изменения в HTML-файле.
После выполнения всех шагов ваш CSS-файл будет подключен к вашей HTML-странице и будет применяться ко всем элементам, которые вы стилизовали в CSS-файле.
