Чтобы вынести стили CSS в отдельный файл, нужно:
- Создать новый файл с расширением .css и назвать его в соответствии с вашими потребностями, например, styles.css.
- Перенести весь CSS-код из тега
styleв созданный файл. - Сохранить файл в папке проекта.
- В вашем HTML-документе добавить ссылку на этот файл, используя тег
link. Вставьте этот тег в разделheadвашего HTML-документа, например:
<head>
...
<link rel="stylesheet" href="styles.css">
</head>В этом примере мы подключаем файл стилей styles.css, который находится в корневой папке проекта.
Обратите внимание, что если файл со стилями находится в другой папке, необходимо указать путь к этому файлу относительно текущей директории. Например:
<head>
...
<link rel="stylesheet" href="styles/main.css">
</head>В этом примере мы подключаем файл стилей main.css, который находится в папке styles, которая в свою очередь находится в корневой папке проекта.
После того, как вы сохранили все изменения, CSS-стили будут подключены через файл, а не встроены в HTML-код.
