elementos con @

[zeliq]

Estoy aprendiendo CSS y he visto que existen unos elementos, con una sintaxis similar a la definición de un selector, cuyo nombre empieza por @. Me estoy refiriendo a, por ejemplo, @font-face, @media o @import (he visto otros que ahora no recuerdo, incluso el nombre de uno era algo así como @-moz-algunacosa). Quisiera saber si tienen un nombre específico y dónde podría encontrar una lista completa de ellos y de su funcionamiento. Lo he intentado con papá Google y no he llegado a ninguna conclusión

[pzin]

Yo siempre lo he visto como @-rules (at-rules).

Aquello de -moz-alguna cosa o -webkit-alguna cosa en realidad más que CSS son pirulas que dejan hacer los navegadores. Me suena ahora mismo con arroba @-moz-animation por ejemplo, o -webkit-filter sin arroba, que es algo exclusivo de Safari y Chrome. Pero yo y otros muchos no lo consideran CSS ya que es propietario de cada navegador, y a eso precisamente es a donde nadie quiere ir.

[memoadian]

@font-face sirve para especificar un tipo de fuente especial en tu servidor o en uno externo
@media son mediaqueries para determinar el aspecto de tu web en una resolución específica
@import sirve para importar archivos. por ejemplo otro css