Тег <style> определяет информацию о том, как должны отображаться различные элементы внутри веб-страницы. Иными словами он позволяет определить CSS стили на уровне веб-страницы. Чтобы подключить внешние стили, необходимо использовать элемент <link>.
Если атрибут scoped не установлен, то элемент <style> должен располагаться внутри элемента <head>.
На одной веб-странице можно использовать сколько угодно элементов <style>.
Разница между HTML 4.01 и HTML5
В HTML5 был добавлен атрибут scoped, позволяющий определять стили для конкретных разделов веб-страницы. Если в документе присутствует элемент с атрибутом scoped, то стили, определенные в нем, будут применяться только к тому элементу, внутри которого определен этот элемент <style>, и к вложенным в него элементам.
Атрибуты тега <style>
| Атрибут | Описание |
|---|---|
| media | Определяет устройство вывода, для которого оптимизирована таблица стилей |
| scoped | Ограничивает сферу действия элемента <style> |
| type | Определяет медиа-тип элемента <style> |
Общие атрибуты
Тег <style> поддерживает общие атрибуты и атрибуты-события.
CSS стили по умолчанию
Большинство браузеров будут отображать тег <style> со следующими стилями
style {
display: none;
}
HTML пример использования
<!DOCTYPE html>
<html>
<head>
<style>
h1 { color:red; }
p { color:blue; }
</style>
</head>
<body>
<h1>Заголовок</h1>
<p>Текстовый абзац.</p>
</body>
</html>
