Si os preguntara, ¿sabéis cómo funciona At (el arroba de toda la vida) con CSS qué me diríais? Espero que algo así como Kike Remolino hace ya algunos años con las Pitorrisas en la Final del Carnaval de Cádiz, y sería algo así: ¡ese nos lo sabemos!
Pero “para recordar” que nunca está de más, hoy vamos a repasar el uso adecuado de At en CSS (¿eso qué es lo que eeee?).
Cuenta la leyenda, y no la del sombrero mexicano, que existen reglas más avanzadas para hojas de estilos, denominadas “At rules” y que permiten a determinados navegadores responder con funcionalidades a veces importantes. Entre estas se encuentran: import, font-face, media y page.
@import
Permite incluir un fichero en nuestra hojas de estilos. Muy útil para añadir CSS de nuestros plugins y widgets.
@font-face
Se emplea para incluir una fuente en nuestro Sitio Web y poder emplearlo como “font” en cualquier llamada posterior de nuestras clases. Es muy útil e imprescindible.
@media
Se especifican las reglas CSS que queramos aplicar explícitamente para cada medio: impresión (print), pantalla (screen), etc.
@page
Establece una configuración avanzada para impresión de un sitio Web.