Uno stile definito in questo modo:

#contenuto div.testo {
font-family: arial, serif;
}

come viene utilizzato in una pagina HTML?? io userei <div class="????????">


inoltre


non capisco la differenza (nell'utilizzo) tra questi stili:

#menusx (quindi col simbolo # )
ul.menusx (quindi col . in mezzo)
.boxbordato (quindi col . iniziale)
hr (quindi "normale") ... quello che ho sempre utilizzato

che differenza c'è tra queste definizioni ... e come viene utilizzato ogni singolo stile in una pagina HTML?


Spero che qualcuno possa chiarirmi le idee