Hojas de estilo CSS

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

<LINK REL="STYLESHEET" HREF="http://www.usabilidad/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" especifica el estilo preferido mientras que REL="Alternate StyleSheet" define un estilo alternativo. El estilo preferido se cargará y 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.

Enlaces externos a otras páginas webs

Publicidad en Google AdWords

Soluciones integrales de publicidad en Google AdWords: Precios y ofertas de campañas

Publicidad en buscadores

Cuando alguien busque por sus palabras clave relevantes a su negocio su anuncio será activado y aparecerá en Google AdWords. Campañas de publicidad en buscadores: rápidas, eficaces y rentables.