.cita {font-weight: bold; color: red;}El punto inicial es necesario para mantener la definición de este estilo desvinculada de cualquier elemento del documento. Si queremos restringir el uso de este estilo a un tipo de elemento, podemos definirlo como: 

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

El atributo ID  En cierta forma, el atributo ID es igual que CLASS.  Diferencias:  La definición de los estilos de tipo ID, están precedidas por el carácter #, en lugar del punto.  #first-para {font-weight: bold;}  <P ID="first-para">This is the first  paragraph, and will be boldfaced.</P>

El mismo atributo ID sólo puede usuarse en un elemento. Debe ser único. En la realidad, los navegadores no hacen comprobaciones de este tipo y podemos utilizar el mismo valor de ID para dar estilo a múltiples elementos. 

Los estilos de tipo ID también pueden definirse al margen de cualquier elemento, pero estas definiciones no tienen ningún sentido al ser sus valores únicos y no aplicables a otros elementos

Comentarios CSS  y Regla Básicas

Unidades