Существует несколько способов интеграции CSS в HTML. Рассмотрим наиболее распространенные:
- Встроенные стили
Вы можете добавить стили CSS непосредственно внутри тега head в HTML-документе, используя тег style. Например:
<head>
<style>
body {
background-color: #f1f1f1;
}
h1 {
color: red;
}
</style>
</head>
В этом примере мы добавляем стили для тела и заголовка h1.
- Внешние стили
Вы можете создать файл CSS с расширением .css и сохранить его на вашем сервере. Затем вы можете связать его с вашим HTML-документом, используя тег link. Например:
<head>
<link rel="stylesheet" href="style.css">
</head>
Этот код связывает ваш HTML-документ с файлом CSS с именем style.css, расположенным на сервере. В этом файле CSS вы можете определить все ваши стили.
- Inline стили
Перед тегом, который вы хотите стилизовать, вы можете добавить атрибут style. Например:
<h1 style="color: red;">Мой заголовок</h1>
Этот код добавляет к заголовку первого уровня h1 красный цвет.
Независимо от выбранного метода, CSS стили должны быть добавлены внутри тега head вашей HTML-страницы.
