HOJAS DE ESTILO EXTERNAS

Hojas de estilo externas

Esta es la forma ideal para cuando una misma hoja de estilos es aplicada a varias páginas.

Con realizar los cambios en un solo archivo, podemos cambiar el aspecto de todo el sitio web.

Los archivos de hojas de estilo deben llevar la terminación .css.

Sintaxis

Contenido del archivo de los estilos

selector

{

propiedad:valor; /* No olvidar el (;) al final de cada valor */

propiedad:valor;

propiedad:valor;

}

Sintaxis

Esta es la forma de llamar al archivo ".css" desde un documento HTML

Cada página del sitio debe vincularse con la hoja de estilos usando la etiqueta ubicada en la cabecera del documento.

rel="stylesheet" nos indica que la relación es una hoja de estilo.

type="text/css" nos dice que el tipo es texto y css.

href="/fuentes.css" es el nombre del documento que contiene el código css.

Ejemplo

Así se vería por ejemplo, un archivo CSS externo que llamaremos "estilos.css".

Nota: el código, en los archivos de hojas de estilos externos, comienza directamente con el selector.

Código CSS

p

{

font-family:Arial;

font-size:12px;

font-weight:bold;

}

Así se vería el documento HTML que llama al archivo "estilos.css".

Código HTML

Características de este texto: Arial, de 12 pixels, bold

Resultado

Características de este texto: Arial, de 12 pixels, bold