Css At Rules - gitbbln/gitbbln.github.io GitHub Wiki

At-правила CSS — это набор правил, который предоставляет CSS инструкции о том, как применять правила к чему-то конкретному. Каждый оператор at-правила начинается со знака at (@), за которым следует идентификатор, и включает в себя все до следующей точки с запятой (;) или следующего блока CSS, в зависимости от того, что наступит раньше. Ниже вы найдете полный список текущих at-rules CSS.

@charset Правило @charset CSS используется для установки кодировки внешней таблицы стилей CSS. Это правило полезно при использовании символов, отличных от ASCII, в некоторых свойствах CSS, например в содержимом. Для внешней таблицы стилей браузер последовательно просматривает следующие элементы, чтобы определить кодировку таблицы стилей: 1. Кодировку, которую дает сервер; 2. правило @charset; 3. атрибут charset элемента (этот атрибут устарел, не используйте его). Приведенный выше список имеет четко выраженную иерархию — чем выше пункт, тем выше его приоритет. Если ни один из элементов не найден, предполагается кодировка UTF-8. @document @document CSS at-rule устанавливает правила на основе адреса документа. Например, если адреса мобильной и основной версии сайта разные, то мы можем установить свой стиль элементов для каждой версии. @font-face @font-face CSS at-правило позволяет вам определять и использовать ваши собственные пользовательские шрифты, таким образом позволяя вам расширить ограниченный набор стандартных системных шрифтов, которые установлены по умолчанию на компьютере и к которым браузеры могут получить доступ и использовать.

@import Правило @import CSS позволяет вам импортировать содержимое файла CSS в текущую таблицу стилей. Эти правила должны предшествовать всем другим типам правил, кроме правил @charset; поскольку это не вложенный оператор, @import нельзя использовать внутри at-rules условной группы. @ключевые кадры Правило @keyframes CSS устанавливает ключевые кадры при анимации элемента. Ключевой кадр — это свойства элемента (прозрачность, цвет, положение и т. д.), которые должны быть применены к элементу в данный момент времени. Таким образом, анимация представляет собой плавный переход свойств стиля от одного ключевого кадра к другому. Браузер берет на себя расчет промежуточных значений между такими кадрами.

@media At-rule @media CSS можно использовать для применения части таблицы стилей на основе результата одного или нескольких медиа-запросов. С его помощью вы указываете медиа-запрос и блок CSS для применения к документу тогда и только тогда, когда медиа-запрос соответствует устройству, на котором используется контент.

@namespace Ат-правило CSS @namespace объявляет префикс пространства имен и связывает его с заданным именем пространства имен. Его также можно использовать для объявления пространства имен по умолчанию (без префикса).

@page @page CSS at-правило позволяет вам установить значение полей при печати документа или для страниц, для которых установлен тип носителя для печати. Вы можете изменить только поля, сироты, вдовы и разрывы страниц документа. Попытки изменить любые другие свойства CSS будут игнорироваться.

@supports Ат-правило CSS @supports позволяет проверить, поддерживает ли браузер ту или иную функцию, и на основе этого создать набор стилевых правил. Допустимо создавать сложные условия с помощью логических операторов не, и, или.

@viewport Правило @viewport CSS позволяет настроить область просмотра, через которую просматривается документ. Он в основном используется для мобильных устройств, но также используется настольными браузерами, которые поддерживают такие функции, как «привязка к краю» (например, Microsoft Edge).