Duda simple.

[aloqui]

Primera duda:
#menu hace referencia al elemente con id="menu"
.menu hace referencia a todos los elementos con class="menu"

Segunda duda:
Si, varia porque el tamaño en negrita es mayor. No estoy seguro, pero puedes intentarlo con fonts "monospace" y quizá ocupen lo mismo en negrita que sin ella.
Otra opciones podrían ser utilizar negrita con un font más pequeño, o utilizar otros efectos como subrayado, o cambiar el color del background