CURSO DE DISEÑO WEB AVANZADO (V)
CSS como documento externo

En vez de insertar una hoja de estilo para cada documento, también podemos apuntar cada documento a una hoja de estilo central. Este documento externo establecerá las marcas de estilo para todas las páginas del site. Al cambiar una característica en este documento, cambiará la apariencia de todos.

Para aplicar esto, es necesario tener un archivo con extensión .ccs e incluir un llamado a ese archivo desde cada página HTML. Para establecer el llamado a la CSS central hay que reemplazar la etiqueta <STYLE> por <LINK> en cada documento del sitio.

<HTML>
<HEAD>
<TITLE> Goles son amores </TITLE>
<LINK REL=stylesheet HREF="estilo.css" TYPE="text/css">
< /HEAD>
<BODY>
< H1> Goles son amores </H1>
< P> Bienvenidos al sitio sobre fútbol más importante de Latinoamérica </P>

</BODY>
</HTML>

La etiqueta <LINK> es una antigua etiqueta HTML que tiene varios propósitos; por lo tanto, debe ir acompañada de los atributos REL y TYPE tal como están en el ejemplo, para que el browser entienda que está siendo usada para vincular el documento con una hoja de estilo externa. También debe incluirse el atributo HREF que establece la ruta y el nombre del archivo .css.

Una vez hecho esto, es necesario crear un archivo de texto plano llamado -en este caso- estilo.css. El nombre puede variar, siempre y cuando utilicemos la extensión "css". Este documento debe contener nada más que las reglas de estilo. Por ejemplo:

H1 { color: blue; font-size: 40px; font-family: arial }
P { background: red; font-family: impact }


Sigue leyendo sobre Cascading Stylesheets:

•CSS como etiqueta en una página

TEMAS RELACIONADOS
Manual de JavaScript para "bajar" a tu computadora
Tutorial de Flash 5
Editores de páginas web fáciles y gratuitos

Todo para tu sitio