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