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