Элемент <style> даёт возможность вставить стили непосредственно в сам HTML-документ, формируя внутреннюю таблицу CSS. Поскольку его содержимое предназначено исключительно браузеру, а не читателю, размещать его следует внутри секции <head>. Чаще всего <style> ставят прямо перед закрывающим тегом </head>. Если на странице уже есть подключённые таблицы стилей, то новый блок обычно добавляют после них. Так вы гарантируете, что любые скрипты JavaScript найдут нужную информацию в CSS, прежде чем начнут выполняться. Примечание: Любой HTML-документ может содержать любое количество элементов <style>, но если вы хотите подключить внешний файл со стилями, используйте тег <link>. Он создаёт связь между текущим документом и внешним ресурсом. Атрибуты - type:
- Для указания языка стилей внутри элемента используется атрибут
type. Если он присутствует, его значение должно быть допустимым MIME-типом, определяющим язык. По умолчанию, при отсутствии атрибута, берётся «text/css». - media:
- Определяет, под какое устройство оптимизирован стиль CSS (например, iPhone, принтер). Если атрибут не указан, считается, что таблица подходит для всех устройств.
- scoped:
- Указывает, что стили применяются только к элементам внутри текущего блока
<style>, а не ко всему документу. При отсутствии атрибута такой блок должен находиться в заголовке документа – внутри <head>. Возможные варианты использования логического атрибута scoped: |