Hojas de estilo externas
Para definir el estilo de una página de un web desde un archivo externo, debe crearse un archivo de texto, conteniendo las definiciones, y guardarlo con la extensión *.css.
Una vez creado, basta incluir un link a ese archivo .css en cada página que queramos aplicar estos estilos.
De esta forma, una misma hoja de estilos puede aplicarse a cualquier número de paginas web, simplemente incluyendo en todas ellas el link correspondiente.
Como cualquier link, la localización del archivo CSS puede ser absoluta o relativa, dependiendo de su ubicación dentro del propio sitio web, o en otra dirección.
El link siempre debe insertarse dentro de las etiquetas HEAD del encabezamiento de la página Web:
<HEAD>
....
<LINK REL="STYLESHEET" HREF="estilos.css" TYPE="text/css">
</HEAD>
Donde estilos.css, es el archivo que contiene las definiciones de estilo. En este caso se trata de un link relativo, ya que se supone que estilos.css está ubicado en el mismo sitio y directorio que las páginas a las que afecta.
<HEAD>
....
<LINK REL="STYLESHEET" HREF="http://www.entraenlared.com/esp/estilos.css" TYPE="text/css">
</HEAD>
El atributo REL se usa para definir la relación entre el archivo enlazado y el documento HTML.
REL="StyleSheet" especifÍca el estilo preferido mientras que REL="Alternate StyleSheet" define un estilo alternativo. El estilo preferido se cargará y se aplicará siempre.
Un estilo alterno se indica por REL="Alternate StyleSheet". Los navegadores actuales generalmente carecen de la capacidad de elegir estilos alternos.
El atributo opcional TYPE se usa para especificar el tipo de archivo:
"text/css" para una hoja de estilo en cascada normal.
"text/javascript" si es un script, etc. Con ello permitimos a los navegadores omitir los tipos de archivo que no soportan.
El link puede tener otro atributo opcional: MEDIA, que especifica el medio o medios al que se aplica la hoja de estilo. Los valores posibles mas importantes son "screen" (pantalla, valor por defecto), y "print", para salida a una impresora.
Dentro de nuestro archivo css NO deben incluirse las llaves <> de las etiquetas HTML. Los comentarios encerrados entre los caracteres /* ... */ si son admisibles.
Autor: Entraenlared
http://www.entraenlared.com/hojas_de_estilos_css/css_externas.asp
Usuarios que han visto este tema también han visto...
- Degradado con CSS Filter
- Cómo cambiar la apariencia de un botón en CSS
- Opacity en CSS
- Barra de navegación en CSS
- Cómo usar fuentes personalizadas mediante CSS
- Versión imprimible de este documento
- Enviar por e-mail este documento
Información legal | Política de Privacidad | Contacte con nosotros
Otro proyecto de Factoría de Internet. Copyright© 2003-2008 Factoría de Internet S.L.. Todos los derechos reservados.