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:
Índice de contenidos
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>
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
AVISO: Esta publicación es de hace 3 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.
