Manual CSS – Paso 9 > Sacando el CSS

Publicado por Fernando Tellado el 27 Ene, 2008

Índice de contenidos

1 Hoja de estilo enlazada
2 Hoja de estilo @import

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>

AVISO: esta publicación es de hace dos años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.