Indice

 
 

       Powered by MGLNET
 
  

Separar Html de CSS 
Como sabemos definir estilos globales, sería interesante tenerlos definidos en un archivo aparte, pues si queremos dotar a todas las páginas de los mismos estilos, no es tarea grata copiar y pegar la definición de los estilos en cada una de las páginas. 

Afortunadamente, sí podemos definir los estilos en un fichero distinto al documento HTML, y después referenciarlo desde el propio documento HTML.
Esto lo haremos con la siguiente etiqueta, dentro de la cabecera del documento (entre <HEAD> ... </HEAD>):
<LINK REL="stylesheet" TYPE="text/css" HREF="URL_Hoja.css">

Ejemplo:

<HTML> 
<HEAD> 
<TITLE> Ejemplo con hoja de estilo externa </TITLE> 
<LINK REL="stylesheet" TYPE="text/css" HREF="ejemplo.css"> 
</HEAD> 
<BODY BGCOLOR=white> 
<H2>Prueba de definición de estilos en una hoja de 
estilo externa</H2> 
Como puede verse, la apariencia de esta página queda 
completamente definida por los estilos que hemos 
especificado en el bloque STYLE en la cabecera del 
documento. Los márgenes son más amplios de lo habitual, 
la <B>negrita</B> tiene un tamaño y un color fijos, los 
trozos de texto en teletipo como <TT>este fragmento</TT> 
también tienen definida su fuente, tamaño y color, 
y vamos a ver cómo quedan las tablas, para finalizar 
el ejemplo: <P> 
<CENTER> 
<TABLE BORDER=1 CELLSPACING=2 CELLPADDING=2> 
<TR> <TH>Cabecera 1</TH> <TH>Cabecera 2</TH> </TR> 
<TR> <TD>Celda (1,1)</TD> <TD>Celda (1,2)</TD> </TR> 
</TABLE> 
</CENTER> 
</BODY> 
</HTML>
Si quisiéramos que otros documentos tuvieran el mismo estilo, sólo tendríamos que usar la etiqueta LINK para aplicarlos. 
Esa es la ventaja de las hojas de estilo externas.
 

Espacio entre Palabras y Letras
 El Tag LINK