Primer, creas en el block de notas un archivo de nombre estilo.css; aquí le pones todos los estilos que requieras, por ejemplo:
Código:
body{
color: #000;
background: #fff;
width: 100%;
}
etc, para cada una de las etiquetas. (Básicamente lo mismo que tienes en cada style="" para cada etiqueta). Obviamente no olvides quitar todos estos de tu html para que no haya choques y resultados inesperados.
Ahora, en tu html, dentro de las etiquetas HEAD, pon la siguiente línea:
Código HTML:
<link rel="StyleSheet" href="estilo.css" type="text/css">
Creo que eso es lo básico. Ya luego podrás leer cualquier documentación en internet para que domines todos los efectos, y si sigues con dudas, aquí estamos en el foro para ayudarte. Suerte!
PD: Es posible que quieras poner esta línea al principio de tu CSS, dará una mejor presentación a tu página y optimizará algunos problemas comunes de compatibilidad, eliminando margins y paddings de las etiquetas:
Código:
*{
margin:0;
padding:0;
}