Foros del Web » Creando para Internet » HTML »

XHTML linkear hoja de estilo desde otro archivo

Estas en el tema de XHTML linkear hoja de estilo desde otro archivo en el foro de HTML en Foros del Web. queno recuerdo como pongo la hoja de estilo en otro archivo por ejemplo Cita: <style type="text/css"> .style1 { text-decoration: none; font-family: Papyrus; color: #000000; } ...
  #1 (permalink)  
Antiguo 27/06/2009, 16:55
 
Fecha de Ingreso: mayo-2009
Mensajes: 200
Antigüedad: 14 años, 11 meses
Puntos: 7
Exclamación XHTML linkear hoja de estilo desde otro archivo

queno recuerdo como pongo la hoja de estilo en otro archivo

por ejemplo

Cita:
<style type="text/css">
.style1 {
text-decoration: none;
font-family: Papyrus;
color: #000000;
}
el codigo cambia o como deveria de ser, no recuerdo linkearlo en la pagina xhtml
  #2 (permalink)  
Antiguo 27/06/2009, 17:38
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 9 meses
Puntos: 361
Respuesta: XHTML linkear hoja de estilo desde otro archivo

Hola:

Entre las etiquetas <head></head> colocas esto:

Código:
<link rel='stylesheet' href='estilos.css' type='text/css' />
Saludos.

  #3 (permalink)  
Antiguo 27/06/2009, 18:23
Avatar de MilkZoft  
Fecha de Ingreso: junio-2009
Ubicación: Colima, México
Mensajes: 35
Antigüedad: 14 años, 10 meses
Puntos: 4
Respuesta: XHTML linkear hoja de estilo desde otro archivo

Hola arcanisgk1, lo que pides es sencillo y se puede hacer de diferentes maneras, te explico:

1.- La primera y más sencilla es como la que publico el compañero jomaruro.

Código HTML:
<link rel="stylesheet' href='style.css' type='text/css' />
2.- La segunda es haciendo uso del @import.

Código HTML:
<style media="all" type="text/css">
	@import "style.css";
</style> 
3.- En caso de que quisieras colocar una hoja de estilos diferente en Firefox y en Internet explorer por ejemplo, puedes utilizar los comentarios condicionales.

Código HTML:
<!--[if IE]>
<style media="all" type="text/css">
	@import "ie.css";
</style>	
<![endif]--> 
Espero te haya sido de ayuda, un saludo!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:09.