El Tag LINK

<link rel=»stylesheet» type=»text/css» href=»estilos.css» title=»default»>

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:

<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 estilo 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:

<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">