Encodera

Спасибо, что читаете!

Пожертвуйте сайту, мы стараемся ради вас.

Справочник HTML & CSS

<style>

Встраивает CSS прямо в HTML-страницу.

Синтаксис

<style> selector { property: value; } </style>

Атрибуты

ПараметрТипОписание
mediamedia 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> — тогда его можно использовать на всех страницах.

См. также

  • <link> — Подключает к странице внешний ресурс: файл стилей, иконку сайта, шрифт.
  • style — CSS-свойства прямо на элементе (встроенные стили).
  • <head> — Служебная часть страницы: кодировка, заголовок вкладки, подключение стилей и скриптов.

Вопросы и ответы по теме

В учебнике

  • Что такое CSS — Как устроено правило CSS, где писать стили, как подключить отдельный файл и зачем нужны комментарии.

Спасибо, что читаете!

Пожертвуйте сайту, мы стараемся ради вас.