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