La regla import es una regla que nos permite importar una hoja de estilos CSS externa en el interior de nuestras etiquetas style, de esta manera podemos aplicar los archivos de esa hoja en la página actual.
La sintaxis correcta de la regla import es la siguiente:
<style>
@import url("estilos.css");
</style> El nombre entre dobles comillas el archivo que hay que cargar, hay una sintaxis abreviada y también aceptada que suprime la clave url, veamos el mismo ejemplo con esta otra sintaxis:
<style> @import "estilos.css"; </style>
Con cualquiera de los dos casos, el navegador cargaría la hoja de estilos estilos.css y aplicaría su contenido a la página actual.
Opcionalmente, podemos importar un archivo para un tipo de medio determinado, por ejemplo, si queremos una hoja de estilos para la impresora y otra para la página, podemos hacer:
<style>
@import url("impresora.css") print;
@import url("normal.css") screen;
</style>Esto nos cargará un estilo diferente para la versión imprimida de la página.