te recomiendo hacer un archivo de estilo (tu_archivo.css) y definir en él los estilos que serán usados en tu página. tu_archivo podría ser algo como esto:
Código:
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
a:link {
color: #000000;
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #000000;
background-color: #FF9900;
}
a:visited {
color: #666666;
text-decoration: none;
}
.peque {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
}
.tit {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 16px;
letter-spacing: 5px;
}
.subtit {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
letter-spacing: 5px;
}
.medium {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
font-style: normal;
}
luego en tu página te enlazas con tu_archivo.css
Código HTML:
<link href="tu_archivo.css" rel="stylesheet" type="text/css">
esto iría entre las etiquetas <head> y </head>
si te fijas en los estilos, los que reciben un nombre sin un punto adelante estilos que definen elementos básicos de las páginas.
por ejemplo en
body puedes definir cómo va a ser la apariencia del cuerpo de la página, color, si va uar un "background", tipo de letra "por defecto", etc...
en tanto que en
a:link vas a definir la apariencia de TODOS los links de tu página.
en cambios los estilos que llevan un punto de prefijo en el nombre, son estilos normales, aplicables a cualquier etiqueta, ya sean tablas, párrafos, etc....
ten cuidado con darle muchos atributos a los estilos básicos, pues a veces entran en conflicto con los estilos que le aplicaste a una etiqueta cualquiera.
un salu2