Существует несколько способов подключения CSS к HTML.
- Подключение внешнего CSS-файла через тег
<link>
в разделе<head>
HTML-документа:
<head>
<link rel="stylesheet" href="путь_к_файлу.css">
</head>
При этом необходимо заменить путь_к_файлу.css
на путь к файлу CSS относительно расположения HTML-документа.
- Внедрение CSS-стилей напрямую в раздел
<head>
HTML-документа с помощью тега<style>
:
<head>
<style>
/* стили */
</style>
</head>
- Внедрение CSS-стилей прямо в тег HTML-элемента с помощью атрибута
style
:
<div style="background-color: red; color: white;">Текст</div>
Рекомендуется использовать первый способ, т.к. это позволяет разделить код HTML и CSS, что упрощает поддержку и разработку сайта.