Для создания стилевого файла CSS необходимо выполнить следующие шаги:
- Создать новый файл с расширением .css (например, styles.css) в любом текстовом редакторе, таком как Notepad, Sublime Text, Visual Studio Code и т.д.
- Определить стили для элементов HTML, используя селекторы CSS. Например, для изменения цвета фона страницы можно использовать следующий код:
body {
background-color: #f2f2f2;
}
- Сохранить файл CSS и подключить его к HTML-документу с помощью тегаlink>. Например, если файл CSS находится в той же папке, что и HTML-документ, то следующий код должен быть добавлен в секцию HTML-документа:
- Проверить, что стили применяются к элементам HTML, открыв HTML-документ в браузере.
Пример стилевого файла CSS:
/* Определение стилей для заголовков */
h1 {
color: #333;
font-size: 36px;
font-weight: bold;
}
h2 {
color: #666;
font-size: 24px;
font-weight: bold;
}
/* Определение стилей для фона страницы */
body {
background-color: #f2f2f2;
}
/* Определение стилей для ссылок */
a {
color: #007bff;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}