Puedes recibir las actualizaciones gratis por email

Hojas de estilo alternativas y su estructura

hoja-estilo-alternativa

No solo un documento puede tener una única hoja de estilo. Podemos usar varias y que el usuario o su navegador pueda utilizar la que crea conveniente. Algunos navegadores pueden omitir o aceptar ciertas hojas de estilo (por ejemplo, Firefox) desde Ver > Usar hoja de estilo. Puede haber varias hojas de estilo alternativa, en este caso, si tienen title, tendrá preferencia la que se sitúe en primer lugar. Se forman con la etiqueta <LINK> y añadiendo a su vez los atributos REL y TITLE. Los vínculos con el mismo TITLE son combinados en una única hoja de estilos. Un ejemplo a continuación:

<link rel="alternate stylesheet"
    title="text"
    href="css/texto.css" />

  <link rel="alternate stylesheet"
    title="fondo)"
    href="css/fondo.css" />

  <link rel="alternate stylesheet"
    title="vinculo"
    href="css/vinculo.css" />

Existen otras hojas de estilos, llamadas persistentes, que siempre están encendidas y se combinan con la hoja de estilo principal. Para ello, el atributo REL debe definirse con stylesheet y no debe de existir ningún atributo TITLE:

<link rel="stylesheet" type="text/css" href="paul.css" />
Sigue la onda...

Puedes recibir gratis más artículos por RSS, Twitter, Facebook o correo electrónico. ¡Muchas gracias por leerme!

Autor de CSSBlog ES

Escribir un comentario

Tu comentario:
* El nombre, email y el comentario son requeridos
Comentaristas del mes
Últimos comentarios
  • dovercame: que locuuuuuurrrrraaaaaaa
  • dovercame: joder como te lo curras gracias por todo el trabajo que haces
  • Boda: Gracias Pedro, lo probaré a ver si me funciona bien porque le iría perfecto a mi blog que...
  • drakkar: hola necesito centrar el menu dentro del div que lo contiene pero mira lo que pasa cuando hago esto: <...
  • Erik: Gracias muchas.. muy bueno!
Patrocinadores