Я пишу HTML-элемент, как показано ниже:

<div class="box"> Foo box </div>

и напишите css как

.box {
    width: 400px;
    height: 40px;
    color: red;
    text-align: center;
}

or

div.box {
    width: 400px;
    height: 40px;
    color: red;
    text-align: center;
}

Я хочу спросить, как оба класса CSS для бокса отличаются друг от друга.