Inicio
Cuando estés totalmente satisfecho con la plantilla en todos los navegadores puedes sacar el CSS de la cabecera del documento y situarlo en una hoja de estilo externa. Hay dos métodos de enlazar archivos a hojas de estilo:
Hoja de estilo enlazada
Esta es la hoja de estilo habitual que ven los navegadores que soportan CSS. Casi todas las reglas se situan aquí.
<link rel=”stylesheet” href=”stylesheet1.css” media=”screen”>
Hoja de estilo @import
Esta es la hoja de estilo avanzada. Como los navegadores antiguos no reconocen “@import” puedes utilizar este sencillo truco para ocultar reglas (o todas las hojas de estilo) a los navegadores antiguos. Hay varias maneras de codificar el “@import” para ocultar estilos de navegadores concretos incluyendo:
@import url(“../stylesheet.css”);
@import url(../stylesheet.css);
@import url(../stylesheet.css) screen;
@import “../stylesheet.css”;
Utilizaremos la versión siguiente para ocultar el CSS de Netscape 4.x, Win IE 3, Win IE 4, Mac IE 4.01 y Mac IE 4.5. El principal navegador al que nos estamos dirigiendo es a Netscape 4.x.
<style type=”text/css” media=”screen”>@import url(“stylesheet2.css”);</style>
