Hojas de estilos CSS 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 páginas 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 la hoja de estilos .css está ubicado en el mismo sitio y directorio que las páginas a las que afecta.
También son posibles los links absolutos
<HEAD>....
<LINKREL="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 especifíca el medio o medios al que se aplica la hoja de estilo. Los valores posibles más 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.
Llámenos al 91 747 82 06 para más información.