El Tag STYLE y la directiva @import

El Tag STYLE:

El tag STYLE es un elemento relativamente reciente en la especificación HTML. Permite dos tipos de tratamiento:

  • Definir estilos que se aplicarán al tag en que se ubique, sin necesidad de definirlos en el HEAD del documento.
  • Definir una hoja de estilo completa en el HEAD sin que esta se almacene en un fichero externo. Siempre debe hacer uso del atributo TYPE. Contiene estilos que se aplicarán al documento, pero también puede contener múltiples enlaces a hojas de estilo externas definidas con la directiva @import.

La directiva @import :

La única diferencia con el tag LINK es su sintaxis y el lugar donde puede utlizarse. La directiva @import sólo puede utilizarse dentro de una región STYLE en el HEAD de la página. Además, estas directivas deben definirse antes de cualquier regla CSS que contenga esta región STYLE.

<style type="text/css">
 @import url(externo.css);
 h1 {color: gray;} </style>

Con la directiva @import no podemos definir hojas de estilos alternativas, y en algunos navegadores no se cachea estos contenidos.