Три способа подключения
- Inline — атрибут
style на элементе:
<p style="color: maroon;">Текст</p>
- Внутренний — блок
<style> в <head>:
<head>
<style>
body {
font-family: sans-serif;
font-size: 1.2em;
}
</style>
</head>
- Внешний файл — через
<link>:
<head>
<link rel="stylesheet" href="/css/styles.css" />
</head>
Итог
Для поддержки и кэширования обычно предпочитают внешний CSS; inline — точечные исключения.
CSS · junior · сложность 1