Rules

Las at-rules son un tipo de declaración que nos permite indicar comportamientos especiales. Su sintaxis suele ir acompañada del carácter @, como por ejemplo la regla que nos permite definir media query @media. Estas reglas por lo general las podemos poner en cualquier punto de nuestros documentos css, pero hay algunas como @import que debemos ponerlo al principio del fichero. 

En este punto analizaremos las reglas @media, @import, @layer y @supports. Pero podéis encontrar muchas otras como @container, @page, @keyframes, @scope, @layer, @font-face, @font-feature-values, @counter-style, @property o @starting-style entre otras.