Presentan el hipervínculo a un documento que en su interior almacena definiciones CSS. Se
aplicarán a todas las páginas que tengan la referencia a dicho documento. La definición del
enlace debe hacerse entre los tags HTML <HEAD></HEAD>.
Estilo.css
BODY
{
BACKGROUND-IMAGE: url(/images/fondo.gif);
BACKGROUND-REPEAT: no-repeat
}
H1
{
font: 15pt "Arial";
color: blue
}
Mipagina.htm
<HTML><HEAD>
<LINK REL=STYLESHEET HREF=”Estilo.css” TYPE=”Text/Css”>
</HEAD>
<BODY>
<H1>Titulo con estilo</H1> Prueba de documento con estilo e imagen de fondo
</BODY></HTML>
Código fuente 35
Este tipo de referencias son el equivalente a las “templates” o plantillas de procesadores de
texto como Microsoft Word. Permiten que los sitios Web mantengan una coherencia de diseño
a lo largo de todo el conjunto de documentos y permite además su reutilización en futuros
proyectos.
Como otra gran ventaja, añadir que permite centralizar el diseño de las páginas, de tal manera
que modificar el diseño de todo el Web implicará sólo el cambio de las hojas CSS aplicadas.
aplicarán a todas las páginas que tengan la referencia a dicho documento. La definición del
enlace debe hacerse entre los tags HTML <HEAD></HEAD>.
Estilo.css
BODY
{
BACKGROUND-IMAGE: url(/images/fondo.gif);
BACKGROUND-REPEAT: no-repeat
}
H1
{
font: 15pt "Arial";
color: blue
}
Mipagina.htm
<HTML><HEAD>
<LINK REL=STYLESHEET HREF=”Estilo.css” TYPE=”Text/Css”>
</HEAD>
<BODY>
<H1>Titulo con estilo</H1> Prueba de documento con estilo e imagen de fondo
</BODY></HTML>
Código fuente 35
Este tipo de referencias son el equivalente a las “templates” o plantillas de procesadores de
texto como Microsoft Word. Permiten que los sitios Web mantengan una coherencia de diseño
a lo largo de todo el conjunto de documentos y permite además su reutilización en futuros
proyectos.
Como otra gran ventaja, añadir que permite centralizar el diseño de las páginas, de tal manera
que modificar el diseño de todo el Web implicará sólo el cambio de las hojas CSS aplicadas.
Comentarios
Publicar un comentario