Cual es la diferencia entre usar "id" y "Class" ?

La principal diferencia que existe en el #id y .class es que que el Id debe ser utilizado una sola vez dentro de la página en la que se está trabajando, mientras que la clase se puede repetir varias veces para diferentes elementos. Otra diferencia puede ser en la importancia que le da el navegador, los #id pesan mas que las .class en cuanto a lo que le quieras aplicar al elemento seleccionado, si a un elemento le pones #id y .class y a ambos le aplicas diferentes estilos, los estilos del #id serán los que se apliquen al final porque tiene mas peso que .class. tal vez esta imagen te pueda ayudar: