El atributo “class” de los elementos HTML te permite llamar a un código CSS en todos los elementos que queramos (Puedes usar el selector CSS otra vez y otra vez…), solo deberemos llamar a la clase, por ejemplo, tengo un código CSS así:
.verde { color: green; margin: 2px; font-size: small; }
Entonces, en un párrafo, en vez de incluir la etiqueta “style”, llamamos a la clase, mucho más organizado:
Sin clase:
<p style="color: green; margin: 2px; font-size: small;">Mi párrafo</p>
Con clase:
<p class="verde">Mi párrafo</p>
¿No es mucho más sencillo y legible? Así actúan las clases en CSS.