<style>
Встраивает CSS прямо в HTML-страницу.
Синтаксис
<style> selector { property: value; } </style>Атрибуты
| Параметр | Тип | Описание |
|---|---|---|
| media | media query | Необязательный. Для каких экранов применять стили. |
Примеры
Стили внутри страницы:
<style>
h2 { color: teal; }
.note { background: lightyellow; padding: 8px; }
</style>
<h2>Opening hours</h2>
<p class="note">Open daily from 8 am to 9 pm.</p>Примечания
Обычно <style> ставят в <head>. Встроенные стили удобны для одной страницы и для примеров, но для сайта лучше вынести CSS в отдельный файл и подключить через <link> — тогда его можно использовать на всех страницах.
См. также
Вопросы и ответы по теме
В учебнике
- Что такое CSS — Как устроено правило CSS, где писать стили, как подключить отдельный файл и зачем нужны комментарии.