Es una buena costumbre que las clases que se crean en los archivos CSS estén comentadas para saber en que y en donde las usamos, los comentarios se colocan entre un /* y un */. Las primeras clases (o estilos) que crearemos serán las clases "slogan" y "titulo", que se usan para darle diseño al slogan y al titulo de la página, coloque este código en el archivo estilos.css.

/* Clase para el slogan */
.slogan {
color: #097a19;
font-size: 14pt;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
background-color: #b4b4b4;
}
/* Clase para los titulos */
.titulo {
color: #d3a900;
font-size: 11pt;
font-family: Arial, sans-serif;
text-align: left;
}
/* Mi versión de h1 */
h1 {
color: #dd1010;
font-size: 18pt;
font-family: Arial, sans-serif;
text-align: center;
}


Las clases que uno crea comienzan con un punto (.) mientras las predefinidas (como h1) no lo tienen. Note además que el código CSS se escribe con minúscula pues asi lo exige el estándard. El resultado, al recargar el archivo HTML será:

Este es un parrafo sin acentos

Este es otro parrafo sin acentos

Este es un tercer parrafo sin acentos

Este es el tag h1

El tag SPAN sirve para marcar bloques de texto. Un bloque span, como vemos en el tercer párrafo, puede colocarse dentro de otro bloque SPAN.