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 @import, @supports, @layer, @scope, @property y un poco más adelante @function que la tenemos todavía experimental. Podéis encontrar muchas otras como @page, @keyframes, @font-face, @font-feature-values, @counter-style, @starting-style entre otras.