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