Definir estilos utilizando clases

El atributo CLASS

Permite crear estilos que se pueden utilizar cuando queramos.

Primero, definimos una regla en el documento CSS (el punto inicial es necesario):

.cita {font-weight: bold; color: red;}

Una vez definida, podemos aplicar la clase en cualquier etiqueta HTML:

<p class="cita">En en lugar de la mancha ...</p>

También, podemos restringir el estilo a un tipo de elemento:

p.cita {font-weight: bold; color: red;}


El atributo ID

Es igual que CLASS, pero sólo puede usuarse en un único elemento. Los estilos ID están precedidos por #:

#first-para {font-weight: bold;}

<p id="first-para">This is the first paragraph, and will be boldfaced.</p>

Ref:
Desarrollo web
Programacion.com