CSS práctico

Para conseguir la adecuada carga de la hoja de estilos, debemos posicionar este elemento en el HEAD de la p�gina.

Atributos del tag LINK:

  • REL. Define el tipo del documento o "con qu� tiene relaci�n". En general, su valor ser� "stylesheet".

  • TYPE. Ser� siempre "text/css".

  • HREF. Es el valor de la URL que nos permite el acceso al fichero de estilos.

  • TITLE. Actualmente casi no se utiliza, pero ser� muy importante en el futuro. Su importancia radica en que puede haber en el mismo documento m�s de un tag LINK. En el caso de que haya m�s de un tag LINK, s�lo aquellos cuyo valor de REL sea "stylesheet" se aplicar�n inicialmente al documento:

<link rel="stylesheet" type="text/css" href="basic.css">
<link rel="stylesheet" type="text/css" href="splash.css">

El navegador cargar� ambas hojas de estilo, combinando las reglas que definen y aplicando el resultado al documento.

.�Hojas de estilos alternativas

Es de especial utilidad hacer uso del tag TITLE, cuando definimos hojas de estilo alternativas. En el siguiente ejemplo se definen tres hojas de estilo dentro del mismo documento de forma que:

  • La primera definici�n se aplicar� siempre.

  • El navegador nos permitir� seleccionar alguna de las dos siguientes como fuente alternativa de estilos. Adem�s, cuando nos presente el men� para seleccionar la hoja de estilos alternativa, utilizar� el atributo TITLE para su identificaci�n.

<link rel="stylesheet" type="text/css" href="fija.css" title="default">
<link rel="alternate stylesheet" type="text/css" href="alternativa1.css" title="Vista de impresi�n">
<link rel="alternate stylesheet" type="text/css" href="alternativa2.css" title="Vista decorada">

COMPARTE ESTE ARTÍCULO

COMPARTIR EN FACEBOOK
COMPARTIR EN TWITTER
COMPARTIR EN LINKEDIN
COMPARTIR EN WHATSAPP