se metti il punto significa tutti i div che hanno class="quellodopoilpunto"


e quindi se scrivi
.h1{
color:red:

}

e lo applichi a <div class="h1">prova</div>
vedi che funziona.

Se invece scrivi h1{...}
allora vuoi dire che si applica a tutti i tag h1

ma non credo sia consigliabile tra tutti i nomi possibili scegliere proprio il nome di un tag...