para comenzar, las clases personalizadas ('peque', por ejemplo) deben comenzar por un punto (.) sin son globales (las usas mas de una vez en un documento) o con almohadilla (#) si son unicas (las usas una sola vez en todo el documento).
La cosa quedaria así:
<style>
.peque { font-size: 8px; }
</style>
<span class="peque">texto con formato 'peque'</span><br>
texto normal<br>
<span class="peque">otro texto con formato 'peque'</span>
<style>
#peque { font-size: 8px; }
</style>
texto normal<br>
<span id="peque">el unico texto en todo el documento con formato 'peque'</span><br>
texto normal
Fijate que en uno he utilizado class="peque" y en el otro id="peque", porque el primero es global y el otro unico.
En cualquier caso, estas etiquetas (class, id) no son exclusivas del tag 'span', sino de cualquier tag como table, div, body, etc...
Por otra parte, es recomendable que las etiquetas CSS las pongas en un archivo a parte (estilos.css por ejemplo) para tenerlo todo más ordenado y lo tengas más fácil a la hora de cambiar algo.