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>

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en los emoticonos para valorarlo!

Promedio de puntuación 5 / 5. Total de votos: 1

Hasta ahora ¡no hay votos!. Sé el primero en valorar este contenido.

Ya que has encontrado útil este contenido...

¡Sígueme en los medios sociales!

¡Siento que este contenido no te haya sido útil!

¡Ayúdame a mejorar este contenido!

Por favor, dime, ¿cómo puedo mejorarlo?

¿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. ¡Ah! ¿te funciona? pues entonces no he dicho nada :)

Sobre el autor

Deja un comentario

Tu dirección de correo electrónico no será publicada.

Información base sobre privacidad:
  • Responsable: Fernando Tellado ([email protected])
  • Fin del tratamiento: Moderación de comentarios para evitar spam
  • Legitimación: Tu consentimiento
  • Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal
  • Derechos: Acceso, rectificación, portabilidad, olvido

 

Ir arriba
Ir al contenido