🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Тег <style> используется для определения стилей для HTML-документов. Он является важным компонентом CSS, которые позволяют разработчикам создавать визуально привлекательные веб-страницы, определяя различные стили, такие как цвета, шрифты и макеты.

<!DOCTYPE html>
<html>
	<head>
    <style>
      body {
        background-color: #f2f2f2;
      }
    </style>
	</head>
	<body>
	  <h1>Добро пожаловать на мой сайт!</h1>
	</body>
</html>

Атрибуты тега <style>:

  • type — MIME-тип таблицы стилей.
  • media — типы носителей, для которы будет использоваться стиль.

Для чего использовать тег <style>

Используйте <style> во всех этих случаях с осторожностью — почему, рассказали в статье «Почему инлайнить стили — плохо».

Нюансы

  • Если на одной странице используется несколько тегов <style>, стили, заданные в более поздних тегах, отменяют стили, заданные в более ранних тегах.
  • Если в тег <style> необходимо вставить большое количество CSS-кода, то вместо этого может быть более эффективной ссылка на внешнюю таблицу стилей.

Полезные ссылки