Manual CSS - Paso 9 > Sacando el CSS

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>

También te puede interesar:

• Manual CSS - ¡Terminaste!
• Manual CSS - Paso 8 > Aplicando estilo en los contenedores
• Manual CSS - Paso 7 > Colocando el contenido
• Manual CSS - Paso 6 > Cajas coloreadas
• Manual CSS - Paso 5 > Elije un método de posición para los contenedores

Escribe un comentario